When using toDataURL as here: setInterval(function(){document.getElementById("img_canvas").toDataURL()}, 1000); makes imgtouchcanvas irresponsive in the millisecond that toDataURL is called.
If the user is touching the canvas (zooming, moving) in the exact time that toDataURL is called then it has to stop touching and start touching again to regain control.
Playing and debugging a bit with toDataURL it seems that the problem is with toDataURL itself. Using .toDataURL('image/jpeg', 0.3) I got results decent enough.
When using
toDataURL
as here:setInterval(function(){document.getElementById("img_canvas").toDataURL()}, 1000);
makes imgtouchcanvas irresponsive in the millisecond thattoDataURL
is called.If the user is touching the canvas (zooming, moving) in the exact time that
toDataURL
is called then it has to stop touching and start touching again to regain control.