java 读取svg元素_svg动态添加元素

动态添加元素

x坐标值

y坐标值

文本内容

动态添加元素

var svgDoc = null;

var time = null;

// 动态添加元素

var addElement = function(x, y, nodeText) {

// 添加圆形

var c = svgDoc.createElementNS('http://www.w3.org/2000/svg', 'circle');

c.setAttribute('cx', x);

c.setAttribute('cy', y);

c.r.baseVal.value = 7;

c.setAttribute('fill', 'red');

c.addEventListener("click", function() {

alert('圆形点击测试：' + nodeText);

});

c.addEventListener("mouseover", function() {

console.log('圆形鼠标悬停测试：' + nodeText);

});

svgDoc.rootElement.appendChild(c);

// 添加文本

var t = svgDoc.createElementNS('http://www.w3.org/2000/svg',