Html5 canvas drawImage(画布)镀铬尺寸限制?

Html5 canvas drawImage(画布)镀铬尺寸限制?,html5-canvas,Html5 Canvas,我正试图将一个巨大的屏幕外画布的一小部分作为缓冲区绘制到我的画布中,但我在Firefox和IE的chrome上遇到了一个问题 除非我将缓冲区的大小减少约10%,否则drawImage方法不起作用。我的缓冲区是12000x7500px,除非我将其减少到10000x6000px,否则它不会工作 是虫子还是我做错了什么 我现在不提供测试用例,因为它不是一个容易创建的测试用例,但是如果这里的任何人都不熟悉这个问题,我会提供 ctx.drawImage(game.bufferBackground,-eve

我正试图将一个巨大的屏幕外画布的一小部分作为缓冲区绘制到我的画布中,但我在Firefox和IE的chrome上遇到了一个问题

除非我将缓冲区的大小减少约10%,否则drawImage方法不起作用。我的缓冲区是12000x7500px,除非我将其减少到10000x6000px,否则它不会工作

是虫子还是我做错了什么

我现在不提供测试用例,因为它不是一个容易创建的测试用例,但是如果这里的任何人都不熟悉这个问题,我会提供

ctx.drawImage(game.bufferBackground,-eventManager.decalX,-eventManager.decalY,game.canvas.width, game.canvas.height, 0, 0, game.canvas.width, game.canvas.height);
ctx.canvas是750px/530px。 game.bufferBackground是每7500px 12000px


谢谢你的帮助

在Chrome中使用drawImage时遇到了一个问题。请确保在标记中调整画布的大小,而不是使用CSS。使用CSS调整大小时,仅绘制图像的一部分,但使用实际标记中的高度/宽度调整大小时,渲染效果良好

例如:

<canvas height="400" width="400">
不是


将你的大背景分割成更小的瓷砖?@Mikko如果你有太多的画布,你也会遇到问题。
<canvas style="height:400;width:400;">