canvasに対するeffect:explodeが反映されない
下記の様に、canvasにexplodeのアニメーションをかけたところ、動作しません。
$("#my_canvas").effect("explode", {} ,200);
こちらはOK
$("#my_canvas").effect("bounce", {} ,200);
canvasにかけられるアニメーションとかけられないアニメーションがあるのでしょうか?
追記:
私の環境では下記のコードを実行すると、アニメーションせずにただ画像が消えます。
実行環境はmacのchromeです。
読み込み
$canvas = $("<canvas></canvas>").appendTo("body").width(500).height(500);
var ctx = $canvas[0].getContext('2d');
var img = new Image;
img.onload = function(){
ctx.drawImage(img,0,0); // Or at whatever offset you like
};
img.src = "https://www.google.co.jp/images/srpr/logo11w.png"
イメージロード後にアニメーション実行
$canvas.effect("explode",{},500);