Проблема с памятью JavaScript в Canvas
я используюgetImageData
/putImageData
на холсте HTML5, чтобы иметь возможность манипулировать изображением. Моя проблема в том, что браузер никогда не кажетсяосвободить любую память, Нет, пока я не закрою вкладку (проверено в Chrome и Opera).
Вычеркнуто это из функции:
var ctx = document.getElementById('leif').getContext('2d');
var imgd = ctx.getImageData(0,0,width,height);
var pix = imgd.data;
var rndpixel = 0;
и проблема исчезла!
function infiniteLeif()
{
for (var i = 0; i<65536; i+=4) {
rndpixel=Math.floor(Math.random()*(width*(height-2))+width+4) * 4;
pix[rndpixel-wx4] = pix[rndpixel]; pix[rndpixel-wx4+1] = pix[rndpixel+1]; pix[rndpixel-wx4+2] = pix[rndpixel+2];
pix[rndpixel+wx4] = pix[rndpixel]; pix[rndpixel+wx4+1] = pix[rndpixel+1]; pix[rndpixel+wx4+2] = pix[rndpixel+2];
pix[rndpixel-4] = pix[rndpixel]; pix[rndpixel-4+1] = pix[rndpixel+1]; pix[rndpixel-4+2] = pix[rndpixel+2];
pix[rndpixel+4] = pix[rndpixel]; pix[rndpixel+4+1] = pix[rndpixel+1]; pix[rndpixel+4+2] = pix[rndpixel+2];
}
ctx.putImageData(imgd,0,0);
if (go==1) t=setTimeout(infiniteLeif,40);
}
Полныйпример можно найти здесь (Рекомендуется Google Chrome).
Это неsetTimeout
это проблема, потому что я пробовал цикл с тем же эффектом.
Я пришел к выводу, что удаление циклических ссылок часто является ключевым, но у меня действительно есть один? Как я могу изменить этот код так, чтобыJavaScript GC получает шанс сделать свою работу?