<svg width=" " height=" " version="1.1">//定义布局大小

<path d=" " fill=" " stroke=" " stroke-width=" " transform="matrix(......)"/> //定义各种点连成的线的路径，填充色，笔触颜色和宽度,移动整体位置变化

<text x=" " y=" " xml:space="preserve" font-family=" " font-size=" " fill =" " stroke-opacity=" " baseline-shift="baseline" font-weight="bold"></test> //定义文字

<line x1=“ ” y1=" " x2=" " y2=" " stroke=" " stroke-width=" "/>//定义直线

</svg>

在svg中链接用<a xlink:href=" "></a>

svg是基于xml的标记性语言，与canvas有所不同. 在html中可内联也可外联，内联可以直接用css修改样式，外联则不行，要加定位到具体位置css的代码，麻烦。