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);

即使这会破坏谷歌浏览器中的画布。无论我画多少,如果设置了高度或宽度,它都会失败。如果我用 css 设置高度或宽度,它会产生扭曲的结果。

有任何想法吗?

更新:我发现如果我的画布足够小,它可以在 chrome 中使用。但是我需要一个 280x270 而不是 100x100 的画布

4

1 回答 1

0

可能的解决方案!对于所有动画,请使用 RequestAnimationFrame。刚刚参与了我的一个项目!

于 2012-05-29T18:56:36.797 回答