可缩放矢量图
    一种基于XML语法的图像格式

    1. <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    2.     <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="orange" />
    3. </svg>

    svg是SVG的根元素
    属性xmlns是xml的名字空间，浏览器根据这个就能够识别出这是一段svg的内容了
    circle表示绘制的圆形，(cx, cy) 表示圆心坐标。r 表示半径，默认单位是px