这非常令人沮丧。如果我不设置画布的高度和宽度,画布画得很好,但是当我设置高度和宽度时,我会得到一个黑框。我已经将我的代码剥离到了疯狂的程度,并且找不到任何问题。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 的画布