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>