line

基线广泛可用

自 2015年7月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

了解更多
查看完整兼容性
提交反馈

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

使用上下文

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

示例

html,
body,
svg {
  height: 100%;
}

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>

属性

全局属性

条件处理属性 »
核心属性 »
图形事件属性 »
外观属性 »
class
style
externalResourcesRequired
transform

专有属性

x1
x2
y1
y2

DOM 接口

该元素实现了 SVGLineElement 接口。

浏览器兼容性

参见

<polygon>
<path>

帮助改进 MDN

了解如何参与贡献

此页面最后更新于 2025年3月19日，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题