.js - 拉斐尔点击删除路径

Question

我不知道该怎么做了。我尝试了很多东西，但似乎没有任何效果。我敢打赌这是我犯的一些简单的愚蠢错误，但会看到。

我正在创建此路径（trA - 工作正常），我需要的是在单击 span #clean 后删除路径 trA，或者在第二次单击 span #tA 后删除它。我不介意是哪一个，但我只需要在单击后删除路径。第二版当然更好

HTML:

<span class="trasa red" id="tA">TRASA A</span>
<span class="trasa" id="clean">CLEAN</span>

.js

document.getElementById('tA').addEventListener('click', function() {
   var trA = rsr.path("M 34,33 L55,43 L222,78 L214,152 L144,150 L152,156 L205,255");
   trA.attr({'stroke': 'red', 'stroke-width': '2'});
}, false);


document.getElementById('clean').addEventListener('click', function() {
   trA.remove();
}, false);

感谢任何帮助！

Answer 1

您的 trA 变量不在第二个函数的范围内，因为它是在您的第一个处理程序的函数范围内定义的。

试试这个..

var trA;
document.getElementById('tA').addEventListener('click', function() {
   trA = rsr.path("M 34,33 L55,43 L222,78 L214,152 L144,150 L152,156 L205,255");
   trA.attr({'stroke': 'red', 'stroke-width': '2'});
}, false);


document.getElementById('clean').addEventListener('click', function() {
   trA.remove();
}, false);

.js - 拉斐尔点击删除路径

.js - raphael click delete path

javascript

click

raphael