SVG 线条

  • 定义和使用

    <line> 元素用于创建线条。
    &nbsp;抱歉,您的浏览器不支持嵌入式SVG。
  • 示例

    以下示例创建一根线条:
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>欢迎来到菜鸟教程</title>
    </head>
    <body>
      <h1>SVG 线条</h1>
      <svg height="210" width="500">
        <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
      </svg>
    </body>
    </html>
    
    尝试一下
    SVG 代码说明:
    • x1 属性定义 x 轴上的线的起点
    • y1 属性定义 y 轴上的线的起点
    • x2 属性定义了 x 轴上的线的终点
    • y2 属性定义 y 轴上的线的终点