如果要创建HTML元素,请使用
document.createElement函数。SVG使用名称空间,这就是为什么必须使用
document.createElementNS函数的原因。
var svg = document.getElementsByTagName('svg')[0]; //Get svg elementvar newElement = document.createElementNS("http://www.w3.org/2000/svg", 'path'); //Create a path in SVG's namespacenewElement.setAttribute("d","M 0 0 L 10 10"); //Set path's datanewElement.style.stroke = "#000"; //Set stroke colournewElement.style.strokeWidth = "5px"; //Set stroke widthsvg.appendChild(newElement);这段代码将产生如下内容:
<svg> <path d="M 0 0 L 10 10" /></svg>



