大尺寸帆布2d不画线

Question

当画布尺寸较大时，绘制的线条根本不出现。

例子： 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的大小，那么这些线将被绘制。这是为什么？

浏览器测试：Chrome浏览器在OSX

Answer 1

看起来像有画布大小取决于浏览器的限制：Maximum size of a <canvas> element