Canvas 超大画布元素上的绘图问题

Canvas 超大画布元素上的绘图问题,canvas,html5-canvas,Canvas,Html5 Canvas,当我尝试使用画布绘制画布元素时,画布元素具有较大的高度和宽度(在五位数的某个位置,但我没有找到确切的位置),它似乎不起作用: <canvas id="canvasElement" height="15000" width="15000"></canvas> 然而,对于10000宽10000高的画布,它可以工作(至少在镀铬中): 没有错误,所以我不确定原因。如评论中所述,画布的大小限制因浏览器而异: 我建议不要为了“扁平化”代码而突破画布规范的界限。响应能力将

当我尝试使用画布绘制画布元素时,画布元素具有较大的高度和宽度(在五位数的某个位置,但我没有找到确切的位置),它似乎不起作用:

<canvas id="canvasElement" height="15000" width="15000"></canvas>

然而,对于10000宽10000高的画布,它可以工作(至少在镀铬中):



没有错误,所以我不确定原因。

如评论中所述,画布的大小限制因浏览器而异:


我建议不要为了“扁平化”代码而突破画布规范的界限。响应能力将受到影响,大量资源将被使用。在这种大小下,甚至可能会阻止浏览器使用GPU加速来辅助绘图。你正在走一条黑暗的道路…只是不要!我如何突破规范的界限?它是否提到不支持大于10000px的画布元素?请记住,浏览器使用的像素阵列是画布尺寸的4倍。对于15K x 15K画布而言,仅像素阵列就占用了近千兆字节的空间。GPU使用合成来加速绘图,这意味着GPU需要几倍于千兆字节的速度来进行合成——即使在高端GPU上也不常见。只是因为理论上说这是可能的,但实践上说这是不合理的。画布标签有大小限制。见以下问题/答案:
<canvas id="canvasElement" height="10000" width="10000"></canvas>