Question

使用JavaScript我想创建一个svg circle元素，然后将该元素应用于多个svgs - 或者将一个svg应用于多个div。我知道如何在一个svg中多次使用svg circle元素 - 是否有类似的方法使用多个svgs执行此操作？

到目前为止，我只有代码来创建所有元素，但我不知道接下来该做什么。任何帮助都非常感谢。

//Create circle template
var myElement = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
myElement.setAttribute("cx",5);
myElement.setAttribute("cy",5);
myElement.setAttribute("r",15);
myElement.setAttribute("id","Circle");

//Create the svgs
var div1 = document.getElementById('firstDiv');
var div2 = document.getElementById('secondDiv');
var svg1 = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
var svg2 = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
div1.appendChild(svg1);
div2.appendChild(svg2);

Answer 1

使用方法cloneNode。样品

svg1.appendChild(myElement.cloneNode(true));
svg2.appendChild(myElement.cloneNode(true));

请参阅 http://jsfiddle.net/kN76y/

将svg元素应用于多个svgs

1 个答案: