svg里怎么用path画椭圆。

Question

怎么用svg的path来一个完整的椭圆。
我的代码是这样的写的：

<svg width="3000px" height="3000px">
<path d="M200,200 L200,150 A200,100 200 1,1 200,300 z" style="fill:#ff0000; " />
</svg>

我的只能画一个非常接近椭圆的。各位大神指点下小白。。谢谢啦。^_^

Answer 1

用 d 命令是无法画出精确椭圆的, 可以采用 ellipse 元素来办到(主要参数是 rx, ry,还可以用 transform 属性来做旋转),我在 codepen 上面有个 Demo,你可以看看

Answer 2

AI里画一个，导出城SVG……