svg作图

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

标签

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN""http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

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

• 第一行包含了xml声明，standalone是规定svg文件是否是独立的，其值为‘no’意味文档会饮用一个外部文件，这里是dtd文件
• svg标签里含有xmlns可定义svg命名空间，version可定义所使用svg的版本，还可定义width和height
• svg的创建一个圆

svg直线-

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <line x1="0" y1="0" x2="200" y2="200"style="stroke:rgb(255,0,0);stroke-2"/>
</svg>

• x1属性在 x 轴定义线条的开始
• y1 属性在 y 轴定义线条的开始
• x2 属性在 x 轴定义线条的结束
• y2 属性在 y 轴定义线条的结束

svg矩形

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <rect width="300" height="100"style="fill:rgb(0,0,255);stroke-1;stroke:rgb(0,0,0)"/>
</svg>