大尺寸帆布2d不画线

时间:2016-04-28 07:59:06

标签: canvas html5-canvas

当画布尺寸较大时,绘制的线条根本不显示。

实施例: http://jsfiddle.net/yu5gxgpt/3/

<canvas id="Grid" width="20000" height="16000">
</canvas>

var context = canvas.getContext("2d");
context.beginPath();
context.moveTo(10, 20);
context.lineTo(100, 20);
context.strokeStyle = "#FF0000";
context.lineWidth = 1;
context.stroke();

Grid1不显示行。如果我减小Grid1的大小,那么将绘制线条。那是为什么?

浏览器测试:OSX上的Chrome

1 个答案:

答案 0 :(得分:1)

看起来画布尺寸有限制,具体取决于浏览器:Maximum size of a <canvas> element