line
>line元素是一个 SVG 基本形状,用来创建一条连接两个点的线。
html,
body,
svg {
height: 100%;
}
<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>
该元素实现了 SVGLineElement 接口。