SVG 线条
line 标签用来创建线条。
<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
<line x1="0" y1="0" x2="300" y2="300" style="stroke:rgb(99,99,99);stroke-width:2"/>
</svg>
代码解释:
- x1 属性在 x 轴定义线条的开始
- y1 属性在 y 轴定义线条的开始
- x2 属性在 x 轴定义线条的结束
- y2 属性在 y 轴定义线条的结束
请定义x 轴定义线条的开始位置为20,y 轴定义线条的开始位置为20,x 轴定义线条的结束位置为200,y 轴定义线条的结束位置为200 ,画一条线.