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的相关知识，你百度你里面看下，这里就不多说了
用 JS 获取 SVG 内 path 元素中的图形的实际位置及尺寸的方法:1、使用getElementById获取svg节点对象：
var el = document.getElementById("yourElement")
2、调用getBoundingClientRect获取path的边界矩形的位置：
var rect = el.getBoundingClientRect()
3、分别获取width和height属性就得到实际位置了。
console.log( rect.width )
console.log( rect.height)
