在画布上绘制许多新图像时内存泄漏

Question

我编写了一个“幻灯片放映”，它可以按顺序快速显示图像，就像定格电影一样。

一旦显示图像，我将不再使用它，我想将其从内存中清除，以便为新图像腾出空间。但是，在 Activity Monitor 中监控 Google Chrome Helper 时，我看到内存持续稳定增加，直到浏览器崩溃。

我注意到a chrome garbage collection issue 是作为错误提交的，我想知道我是否遇到了这种情况？

否则，这是我尝试基于this post 让 Chrome 丢弃我的旧图像数据的一个技巧示例。

  function ClearChunk()
  {      
        imageSet1 = null; // garbage collect please?
        imageSet1 = [];
  }

  function LoadNewChunk()
  {
        for (i=start_of_chunk;i<end_of_chunk;i++)
        {
              imageSet1[i-start_of_chunk] = new Image();
              imageSet1[i-start_of_chunk].src = img[i]; 
        }
  }

这首先清除，然后在后台加载，同时显示另一组图像。这在当时似乎是个好主意，但在我的机器上它仍然稳定地攀升到大约 3Gb 并且...... 哦，Snap。

首先如何缓解这种猖獗的内存消耗？

我们将不胜感激任何对话或基于代码的反馈。

Answer 1

网络工作者？可能 ？

==============

最近看到了一些关于.... 如果你声明一个变量...

var tempa = 0;

vs 没有实际声明变量。但只是给它分配一些东西。

var tempa = 0; // 不要这样做

temp_no_var = 0; // 有某种“删除”功能可以从内存中删除变量，或者更确切地说是减少内存空间。

也许在使用图像之后只是简单地将其赋值为 null 或 0。而不是将图像数据留在变量中并希望等待垃圾回收。

================== 重用变量，而不是制作不断增长的巨大数组。

================== 查看 imagemagik 并了解如何创建“gif”动画图片。如果影片剪辑 errr 图像集中的信息不改变。

Answer 2

尝试只做一个'new Image()'，然后重复使用它，而不是在循环中创建很多。这帮助我解决了同样的问题。