因此,我尝试使用本地计算机上的Chrome(而不是服务器)执行以下操作。
var timg = ctx1.getImageData(0,0,1920,1080);
y=0;
b=1;
clickImgChange();
var clickImgChange = function()
{
y=y+a;
b=b+1;
ctx1.putImageData(timg,0,y);
if(y<1080)
requestAnimationFrame(clickImgChange);
}
我得到以下内容:
Uncaught TypeError: Failed to execute 'putImageData' on 'CanvasRenderingContext2D': The provided double value is non-finite.
画布大小为1920x1080,然后缩小以适合CSS
(width:100%;
)。我所做的drawImage
是使用本地文件夹中的图像。 Chrome已使用google-chrome --allow-file-access-from-files index.html
启动。