line

line元素是一个 SVG 基本形状,用来创建一条连接两个点的线。

用法

类别基本形状元素、图形元素、形状元素
允许的内容任意数量、任意顺序的下列元素:
动画元素
描述性元素

示例

html
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <line x1="0" y1="80" x2="100" y2="20" stroke="black" />

  <!-- 如果不指定描边颜色,则无法看见线条 -->
</svg>

属性

全局属性

专有属性

DOM 接口

该元素实现了 SVGLineElement 接口。

浏览器兼容性

BCD tables only load in the browser

参见