问题描述
我在HTML5画布上使用 getImageData / putImageData 以便能够操作图片。
我的问题是浏览器似乎永远不会（建议使用Google Chrome）。
A full example can be found here (Google Chrome is recommended).
这不是 setTimeout 这是问题，因为我尝试了一个具有相同效果的循环。
It's not the setTimeout that is the problem because I tried a loop with the same effect.
我已经明白删除了循环引用通常是关键，但我真的有一个吗？如何更改此代码，以便有机会完成它的工作？
I've come to understand that removal of circular references often is the key but do I really have one? How can I change this code so that the JavaScript GC gets a chance to do it's job?
推荐答案
它可能没有帮助，可能是你的泄漏，但是你每隔40ms重新加载一个数据，但数据还没有t改变了。
It won't help, possibly with your leak, but you are reloading an array every 40ms with data that hasn't changed.
您可能希望在初始化时使用闭包。
You may want to use a closure around the initialization.
基本上，只需创建一个变量它具有循环功能，其中包含像素信息。
Basically, just create a variable that has the function with the loop, with the pix info enclosed within it.
然后，您只需继续递归调用不重新初始化的位置，但只需使用循环变量。
Then, you just continue to recursively call where you don't reinitialize, but just use the variable with the loop.
这样你重复使用相同的像素信息，它保持状态，这应该没问题，除非你在其他地方编辑画布。
This way you reuse the same pix info, it maintains it's state, which should be fine, unless you edit the canvas elsewhere.
这篇关于画布的JavaScript内存问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！