最高效的WEB程序员学习网站
SVG手册 HTML5手册
 

SVG直线


<line>元素可以用来画出一条直线:


  	
  Sorry, your browser does not support inline SVG.

上面的图形使用了下面的SVG代码:

<svg height="210" width="500">
 
<line x1="0" y1="0" x2="200" y2="200"
style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>

代码说明:

  • x1属性定义了直线的x轴起始坐标
  • y1属性定义了直线的y轴起始坐标
  • x2属性定义了直线的x轴终止坐标
  • y2属性定义了直线的y轴终止坐标