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