SVG：绘图

 参考菜鸟：http://home.ustc.edu.cn/~xie1993/svg/svg-tutorial.html

 

例子：

    <svg width="800" height="500" version="1.1" xmlns="http://www.w3.org/2000/svg">//导入SVG
        <defs>
            <filter id="f1" x="0" y="0">
              <feGaussianBlur in="SourceGraphic" stdDeviation="15" />
            </filter>
        </defs>//滤镜：模糊
        <!-- <circle cx="52" cy="52" r="50" stroke="black" stroke-width="2" fill="yellow"> -->圆
        <rect x="60" y="60" width="110" height="30" style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)" filter="url(#f1)"/>矩形
        <!-- <ellipse cx="300" cy="80" rx="100" ry="50" style="fill:yellow;stroke:purple;stroke-width:2"/> -->椭圆
        <!-- <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2"/> -->线
        <!-- <polygon points="200,10 250,190 160,210" style="fill:lime;stroke:purple;stroke-width:1"/> -->多边形
        <!-- <polyline points="20,20 40,25 60,40 80,120 120,140 200,180" style="fill:none;stroke:black;stroke-width:3" /> -->曲线
    </svg>

矩形（模糊）