SVG <line>
<line> 元素用于绘制直线;它取两个点的位置作为属性,指定这条线的起点和终点位置。
SVG 直线 - <line>
<line> 元素是用来创建一个直线:
下面是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-width:2"/>
</svg>
尝试一下 >> 对于Opera用户:查看SVG文件右键单击SVG图形预览源)。
- x1 属性在 x 轴定义线条的开始
- y1 属性在 y 轴定义线条的开始
- x2 属性在 x 轴定义线条的结束
- y2 属性在 y 轴定义线条的结束