I try to generate thumbnail with HTML5 canvas
the idea is simple, use img to load and draw to canvas
function createThumbnail(url){ var img = new Image(); img.onload = function(){ var context = canvas.getContext('2d'); context.drawImage(...); context = img = null; } img.src = url; }
but some how i found that even i have set the img = null, but the memory usage (monitor in task manager) are keep growing.
when i rapidly call the createThumbnail method the memory usage are growing and finally "Not enough available storage to complete this operation" will throw at the line where img.src = url
at this point memory usage are 1gb+
I have try to reuse img object but still same.
this is happen on IE10 (8,9 not tested) but no Chrome and Opera
Any idea?
Thank you very much.