克隆svg組

Question

我有一個svg組，其中包含一些元素，我想克隆組，問題是該功能克隆組中只有一個元素。 下面是函數

<script type="text/ecmascript"><![CDATA[ 
    function clone(evt) { 
     var cloneElement = evt.target.cloneNode(false); 
     var newx = 100; 
     var newy = 500; 
     cloneElement.setAttributeNS(null,"x",newx); 
     cloneElement.setAttributeNS(null,"y",newy); 
     document.getElementById("layer1").appendChild(cloneElement); 
    } 

]]></script> 

SVG的看起來像

<g id="layer1" onclick="clone(evt)"> 
<rect> 
<path> 
<circle> 
<circle> 
</g> 

矩形就像一個容器，什麼情況是，該功能克隆矩形並保持其他元素。 那又怎麼了？

Answer 1

兩件事情：如果你想有一個深深的克隆樹

• cloneNode應該傳遞true，否則只會克隆一個元素
• evt.target總是會產生事件的元素，和g元素從來沒有被直接擊中，鼠標事件只是從孩子們那裏冒出來。你可以使用evt.currentTarget來代替，如果你想要當前正在處理事件的元素（在你的情況下，這將是g元素）。