这非常令人沮丧。如果我不设置 Canvas 的高度和宽度, Canvas 绘制得很好,但是当我设置高度和宽度时,我会得到一个黑框。我已经将代码精简到疯狂的程度,但找不到任何问题。 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);
即使这样也会破坏谷歌浏览器中的 Canvas 。无论我画得多少,如果设置了高度或宽度,它都会失败。如果我用 css 设置高度或宽度,则会产生扭曲的结果。
有什么想法吗?
更新:我发现如果我的 Canvas 足够小,它就可以在 Chrome 中运行。但是我需要一个 280x270 而不是 100x100 的 Canvas
最佳答案
可能的解决方案!对于所有动画,请使用 RequestAnimationFrame。刚刚参与了我的一个项目!
关于jquery - canvas标签在chrome中生成黑色 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10439952/