上一节:
下一节:

  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 轴上的线的终点

  • 相关页面

上一节:
下一节: