キャンバスアニメ - EaselJS

私は私のウェブサイト上で働いていると私は私のキャンバスのアニメーションを入れたい^^の悪い英語（easelJSフレームワークで作成されてごめんなさい）私のdivの背景に。持っている、

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

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

それはサファリで動作します（ただしアニメーションは、私はページを更新すると一時停止している）ので、

...全くクロムに取り組んでいない：

私はこのような何かを試してみましたdiv背景としてアニメーションキャンバスを作る方法はありますか？このウェブサイトの青いバナーのように：http://www.createjs.com/easeljs

ありがとう！
Julien。

'-webkit-canvas'と' getCSSCanvasContext'は非標準的な機能であり、Safari以外のすべてから削除されています。それがうまくいかない理由です。 –

よろしくお願いいたします。別の解決策はありますか？ –

DIVにキャンバスを含めて、その位置を絶対値として設定できます。 DIVの他のコンテンツが一番上に表示されます。 http://jsfiddle.net/obcv1rex/1/

あなたはそれがスクロール見るために最初のDIVにテキストを追加することができます。ここでは

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

は、迅速なサンプルです。サイズを1000x1000に設定しましたが、よりダイナミックにするには、JavaScriptを使用してキャンバスのサイズを変更する（CSSを使用してコンテンツを拡大する）。

2016-06-01 16:41:27 Lanny

ありがとうございます!!!!! ：D 私はすでにそれを試しましたが、魔法のような行はありません "overflow：hidden;" –

答えて