Как добавить <line> к <svg> через javascript?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

// Создаем новый элемент 
var newLine = document.createElementNS("http://www.w3.org/2000/svg", "line");

// Задаем атрибуты элемента
newLine.setAttribute("x1", "0");
newLine.setAttribute("y1", "0");
newLine.setAttribute("x2", "100");
newLine.setAttribute("y2", "100");
newLine.setAttribute("stroke", "black");

// Получаем ссылку на 
var svg = document.getElementById("mySvg");

// Добавляем элемент  в 
svg.appendChild(newLine);