使用svg和js画一个圆环

JavaScript021

使用svg和js画一个圆环,第1张

var path = svgdoc.createElement("path")

path.setAttribute("d","M400 400 L400 300 A400 400 90 0 1 500 400 Z")

path.setAttribute("style","fill:nonestroke:#00fstroke-width:2")

svgdoc.rootElement.appendChild(path)

这个代码是画四分之一个圆，圆环你自己算下坐标，用PATH画，A是画弧线的

path的相关知识，你百度你里面看下，这里就不多说了

可以用操作节点的方式

比如：

document.getElementById("myobject").getSVGDocument().getElementById("myrect").setAttribute("fill", "yellow")

})