SVG绘制圆和椭圆

image

<svg xmlns="http://www.w3.org/2000/svg"
     width="200px" height="200px" viewBox="0 0 200 200">
    <!-- 绘制圆 -->
    <circle cx="30" cy="30" r="20" style="stroke:black;fill:none;"/>
    <circle cx="80" cy="30" r="20" style="stroke-width:5;stroke:black;fill:none;"/>
    <!-- 绘制椭圆 -->
    <ellipse cx="30" cy="80" rx="10" ry="20" style="stroke:black;fill:none;" />
    <ellipse cx="80" cy="80" rx="20" ry="20" style="stroke:black;fill:none;" />
</svg>
posted @ 2022-02-01 11:33  xl4ng  阅读(96)  评论(0)  编辑  收藏  举报