getImageData memory leak issue in window's chrome browser : javascript

Question

i am getting memory leak issue on getImageData()[api provided by javascript] when using in a loop for fething the data from canvas in Window 7's chrome browser, it increase chrome memory on each travel on getImageData() api, so after some time when default chrome memory full its being crased.if any one know any workarround of this please suggest.

used code:

this.surface.drawImage(this.st1, 0, 0, this.canvas.width, this.canvas.height); 
var data = this.surface.getImageData(0,0, this.canvas.width, 
this.canvas.height);
this.timer = setTimeout(this.paint, 500);

Answer 1

this belongs to owner of the method on which it is called.

In setTimeout , this belongs to window as setTimeout is method of window => window.setTimeout

Use .bind()

Try this:

 this.surface.drawImage(this.st1, 0, 0, this.canvas.width, this.canvas.height); var data = this.surface.getImageData(0,0, this.canvas.width, this.canvas.height); this.timer = setTimeout(paint.bind(this), 500);