javascript - キャッチされていない TypeError:「CanvasRenderingContext2D」で「putImageData」を実行できませんでした:指定された double 値は有限ではありません

Question

そのため、サーバーではなくローカルコンピューターで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.

CSSキャンバスのサイズは 1920x1080 で、 ( )を使用して縮小されwidth:100%;ます。drawImage私が行ったことは、ローカルフォルダーの画像を使用することです。Chrome の使用を開始しgoogle-chrome --allow-file-access-from-files index.htmlました。