Создать несколько узлов с помощью JavaScript и SVG

Question

Можно ли создать несколько узлов? У меня есть это:

var = document.getElementById('svgID');
var ellipse = document.createElementNS("http://www.w3.org/2000/svg", 'ellipse'); 
test.setAttribute('cx', x);
test.setAttribute('cy', y);
test.setAttribute('rx', w);
test.setAttribute('ry', h);
test.appendChild(ellipse);

Хорошо, я могу продублировать код выше, переименовать его и создать несколько узлов, но есть ли более простой способ сделать это?

Answer 1

Спасибо всем.

Моя проблема заключалась в том, что моя структура данных была объектно-ориентированной, и было невозможно добавить объекты SVG в классы, поскольку объекты SVG добавлены в DOM. Поэтому я изменяю его, чтобы он работал процедурно.

Answer 2

Легче, как

addEllipse('svgID', {cx:x, cy:y, rx:w, ry:h}, test);


function addEllipse(svgID, info, toDom) {
  var = document.getElementById(svgID);
  var ellipse = document.createElementNS("http://www.w3.org/2000/svg", 'ellipse'); 
  toDom.setAttribute('cx', info.cx);
  toDom.setAttribute('cy', info.cy);
  toDom.setAttribute('rx', info.rx);
  toDom.setAttribute('ry', info.ry);
  toDom.appendChild(ellipse);
}