如何在Snap.Load之后清除snap.svg canvus

Question

<script>

var s = Snap();

function letter()
  { 
    var nameElement = document.getElementById("someInput");
    var theName = nameElement.value;
    var letter = theName.slice(0, -3)
    Snap.load(theName+".svg", function (f) {
    s.append(f.select("g"));
    });
  }

</script>

当我在文本框中键入不同的字母时，上面的代码会生成不同的svg。当我尝试不止一次使用文本框时，svg开始重叠。无论如何在加载新的svg之前清除函数中的画布

提前致谢！

Answer 1

你可以试试这个。

function letter(){ 
    var nameElement = document.getElementById("someInput");
    var theName = nameElement.value;
    var letter = theName.slice(0, -3);
    Snap.load(theName+".svg", function (f) {
      s.clear();//just add this....
      s.append(f.select("g"));
    });
}