javascript - 使用 svg 清除内存泄漏

Question

我正在使用 svg 在 ipad phonegap 应用程序中的图像上涂鸦。
初始化 svg 的代码是：

function initDrawing(){ 
var paper;
var masterBackground ;
    paper = Raphael(document.getElementById('scroller'),780,1500);
    masterBackground = paper.image("data:image/jpg;base64,"+test,0,0,780,1500);
}

我正在使用 raphael.js 库来创建 svg 元素。
一切正常。我有下一个和上一个按钮。如果我再次单击下一步按钮，则会调用函数 initDrawing()。新图像已加载，现在手写变得更慢。每次我单击下一个按钮时，涂鸦都会变得越来越慢。为什么会这样？哪里发生了内存泄漏？

Answer 1

你检查过你的 DOM 是什么样子的吗？看起来您可能只是继续添加图像，而不是替换现有图像。

如果你真的想保留旧图像，你至少应该设置display="none"它们。