Canvas анимации в сНу фоне - EaselJS

Question

Во-первых, я прошу прощения за мой плохой английский ^^

Я работаю на моем веб-сайте, и я хотел бы поставить свою брезентовую анимацию (созданный с помощью рамки easelJS) в фоновом режиме.

Я пытался что-то вроде этого:

.canvas-bg { 
    background: -webkit-canvas(animation); 
} 

var ctx = document.getCSSCanvasContext('2d', 'animation', 300, 300); 

Он работает на сафари (но анимация приостановлена, когда я обновить страницу) и не работает вообще на хром ...

Итак, есть вы каким-либо образом можете сделать анимированный холст в качестве фона div? Как синий баннер этого веб-сайта, например: http://www.createjs.com/easeljs

Спасибо большое!
Жюльен.

Answer 1

Вы можете включить холст в свой DIV, а затем установить его положение как абсолютное. Другое содержание в DIV будет сидеть сверху.

#canvas { 
    position: absolute; 
    display: inline; 
} 

Вот краткий пример: http://jsfiddle.net/obcv1rex/1/

Вы можете добавить текст в первый DIV, чтобы увидеть его прокрутки. Я установил размер 1000x1000, но чтобы сделать его более динамичным, вы хотите, чтобы размер холста с помощью JavaScript (с использованием CSS будет масштабировать содержимое).