SVG 线条
-
定义和使用
<line> 元素用于创建线条。 -
示例
以下示例创建一根线条:
尝试一下<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 轴上的线的终点
-