Uncaught TypeError: Failed to execute 'putImageData' on 'CanvasRenderingContext2D': The provided double value is non-finite

Asked Feb 20 '18 at 03:43

Active Feb 20 '18 at 03:43

Viewed 1,337 times

So I'm trying to do the following using Chrome on the local computer (not on a server).

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);
}

and I get the following:

Uncaught TypeError: Failed to execute 'putImageData' on 'CanvasRenderingContext2D': The provided double value is non-finite.

The canvas is 1920x1080 in size, and then shrunk to fit using CSS (width:100%;). The drawImage that I've done is using an image from the local folder. Chrome has been started using google-chrome --allow-file-access-from-files index.html.

asked Feb 20 '18 at 03:43

Edward

2

What is variable `a`? – epascarello Feb 20 '18 at 03:50
Flippin' a... And says nothing about `0=0+null`. What would the loop produce, `0+null+null+null+null`? – Edward Feb 20 '18 at 04:09

Uncaught TypeError: Failed to execute 'putImageData' on 'CanvasRenderingContext2D': The provided double value is non-finite

0 Answers0