3

これは非常にイライラします。キャンバスの高さと幅を設定しない場合、キャンバスは問題なく描画されますが、高さと幅を設定するとブラック ボックスが返されます。私は非常識な程度までコードを削除しましたが、問題は見つかりません。canvas タグは、FF と IE9 でうまく機能します。

var canvas = document.getElementById('can1');
var ctx = canvas.getContext('2d');   

canvas.width    = 280;  
canvas.height   = 270;

ctx.clearRect(0, 0, canvas.width, canvas.height);

これだけでもgoogle chromeのキャンバスが壊れてしまいます。どんなに小さく描いても、高さや幅が設定されていると失敗します。代わりに css で高さまたは幅を設定すると、歪んだ結果が生成されます。

何か案は？

更新:キャンバスが十分に小さい場合、クロムで機能することがわかりました。ただし、100x100 ではなく 280x270 のキャンバスが必要です

4

1 に答える 1

0

可能な解決策！すべてのアニメーションで RequestAnimationFrame を使用します。私のプロジェクトの1つに取り組みました！

于 2012-05-29T18:56:36.797 に答える