SVG 直线 <line>
🌙
手机阅读
本文目录结构
SVG 直线 <line>
<line> 元素是用来创建一个直线:Line 绘制直线。它取两个点的位置作为属性,指定这条线的起点和终点位置。
<line x1="10" x2="50" y1="110" y2="150"/>
- x1
- 起点的x位置
- y1
- 起点的y位置
- x2
- 终点的x位置
- y2
- 终点的y位置
<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>
渲染效果