svg矢量图

SVG 意为可缩放矢量图形（Scalable Vector Graphics）。

SVG 使用 XML 格式定义图像。

SVG 指可伸缩矢量图形

 这是一个简单的圆形!

         绘制圆形可以使用circle 也可以使用rect标签结合圆角的值实现圆形或椭圆形的绘制

    
    <svg widht="500" height="500">
        <rect x="50" y="50" width="200px" height="200px" 
        fill="green" stroke-width="10" rx="50%"></rect>
    </svg>

<svg widht="500" height="500">
        <circle cx="100" cy="100" r="100" fill="red"
        stroke-"