使用svg和js画一个圆环

JavaScript014

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

解决方法：

A）让伺，服，器代为读取这些外部资源，使它们变成同网域的资料。

B）用　JS 建立 img，将其 crossOrigin 特性设成 *anonymous*，再请求 SVG。如果对方的伺，服，器有明确允许(有设定正确的　Access-Control-Allow-Origin)，并且该 SVG 没有引用任何外部资源，并且浏览器支援，那麼载入后你可以用 JS 存取其内部资料。