使用svg和js画一个圆环

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的悔禅相关知识，你百度你里面袭枣看下，这里就不多说了

svg路径画圆的特性：(rx ry x-axis-rotation large-arc-flag sweep-flag x y)。肆哗

rx，ry: 是椭圆的两个半轴的长度。

x-axis-rotation: 是椭圆相对于坐标系的旋转角度，角度数而非弧度数。

large-arc-flag: 是标记绘制大弧(1)还是小弧(0)部分。

sweep-flag: 是标记向顺时针(1)还是逆时针(0)方向绘制。

x，y: 是圆弧终点的坐桥雹陪标。

已知两点和半径求弧路径。

已知敏蠢圆上两点和半径求弧长。

已知圆上的y轴半径和圆心求相交的x轴坐标。

已知圆上的x轴半径和圆心求y轴坐标。

var c=document.getElementById("myCanvas"源扰清岁)

var cxt=c.getContext("雹正旦2d")

cxt.fillStyle="#FF0000"

cxt.beginPath()

cxt.arc(70,18,15,0,Math.PI*2,true)

cxt.closePath()

cxt.fill()

---