在SVG中创建直线使用 <line> 元素。以下是一个简单的SVG直线的例子:
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <line x1="50" y1="50" x2="150" y2="150" stroke="blue" stroke-width="2" />
</svg>

解释:

  •  <line> 元素用于创建直线。

  •  x1 和 y1 属性定义了直线的起始点坐标。

  •  x2 和 y2 属性定义了直线的结束点坐标。

  •  stroke 属性定义了直线的颜色。

  •  stroke-width 属性定义了直线的宽度。


在这个例子中,直线的起始点为 (50, 50),结束点为 (150, 150)。直线的颜色为蓝色,宽度为2。

你可以根据需要调整这些属性以及添加其他属性,以满足你的具体设计要求。 SVG的灵活性允许你创建各种各样的图形,并通过调整属性来定制外观。


转载请注明出处:http://www.pingtaimeng.com/article/detail/12381/SVG