在页面仅在Google Chrome上重新加载之前，我无法绘制HTML5画布，它在Firefox上可以正常工作。
这是一个小提琴：http : //jsfiddle.net/c5mGL/
<canvas id="myCanvas" width="1202" height="602" style="border:1px solid #d3d3d3;"></canvas>
(function () {
'use strict';
window.onload = function () {
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
function reset() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.beginPath();
ctx.moveTo(100, 150);
ctx.lineTo(450, 50);
ctx.stroke();
}
reset();
};
})();
由于HTML网页嵌入在iframe中，因此在小提琴中显示时一切正常。但是，如果直接查看生成的网页http://jsfiddle.net/c5mGL/5/show/，则会出现问题。
复制步骤：打开Google Chrome，打开一个新标签，转到http://jsfiddle.net/c5mGL/5/show/，按Enter键，您什么也看不到（JavaScript控制台也没有错误）。现在刷新选项卡，您将在画布中看到该行。
这似乎是因为HTML5画布的大小，因为如果您使用较小的画布（300 * 200），则效果很好。
有个主意吗？
非常感谢。
编辑：谷歌浏览器版本：版本28.0.1500.72 m
根据评论：
这可能是驱动程序问题。尝试禁用Canvas硬件加速，chrome：// flags /和将通道切换到Dev通道，以查看问题是否已解决。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句