阅读(14.3k) 书签赞(2) 我要纠错

SVG 直线

2018-03-02 14:56 更新

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 轴定义线条的结束

以上内容是否对您有帮助：

SVG 多边形 →