javascript - Uncaught Error : INDEX_SIZE_ERR

Question

我正在使用以下行在 Canvas 上绘图:

ctx.drawImage(compositeImage, 0, 0, image.width, image.height, i, j, scaledCompositeImageWidth, scaledCompositeImageHeight);

此代码已在 Safari、Chrome、Firefox(甚至使用 google 的 excanvas 库的 IE)上无错误地执行。但是，最近对 Chrome 的更新现在会引发以下错误:

Uncaught Error :INDEX_SIZE_ERR:DOM 异常 1

此代码通常将部分或全部绘制图像放置在 Canvas 之外，有人知道这里发生了什么吗？

Answer 1

compositeImage 是否指向有效(完全加载)的图像？

如果您尝试在图像加载之前绘制图像，我已经看到会发生此异常。

例如

img = new Image();
img.src = '/some/image.png';
ctx.drawImage( img, ..... ); // Throws error

应该是这样的

img = new Image();
img.onload = function() {
  ctx.drawImage( img, .... );
};
img.src = '/some/image.png';

确保图像已加载。