SVG 直线

SVG（可缩放矢量图形）是一种用于描述二维图形的语言，它基于 XML 格式。在 SVG 中，直线是一种基本的图形元素，用于创建各种图形和设计。本文将详细介绍 SVG 直线的用法、属性和实际应用。

基本用法

在 SVG 中，直线使用 <line> 元素来创建。<line> 元素有四个主要的属性，分别是 x1、y1、x2 和 y2。这些属性定义了直线的起点 (x1, y1) 和终点 (x2, y2)。

例如，以下代码创建了一条从点 (10, 10) 到点 (50, 50) 的直线：

<svg width="100" height="100"><line x1="10" y1="10" x2="50" y2="50" stroke="black" />
</svg>

在这个例子中，stroke="black" 属性用于设置直线的颜色为黑色。

属性

除了 x1、y1、x2 和 y2，SVG 直线还有其他几个常用属性：

• stroke：设置直线的颜色。