gpt4 book ai didi

08、SVG 线段 <line>

转载 作者:大佬之路 更新时间:2024-01-21 22:44:03 30 4
gpt4 key购买 nike

<line> 元素可以用来画线段

SVG 线段 <line>

<line> 元素可以用来画线段

线段的起始坐标可以用 x1 和 y1 来定义 线段的终点坐标可以用 x2 和 y2 来定义

范例

我们来画一条线段,起始坐标是 (5,5),终点左边是 (100,100)

 

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<line x1="5" y1="5" x2="100" y2="100" style="stroke:rgb(255,0,0);stroke-width:2"/>
</svg>

对于 Opera 9以下用户: 查看 SVG 文件 (右键单击 SVG 图形预览源)

我们知道 线段(line) 有起始坐标(x1,y1)和终点坐标(x2,y2),那么

  • x1 属性定义了起始坐标的 x 值
  • y1 属性定义了起始坐标的 y 值
  • x2 属性定义了终点坐标的 x 值
  • y2 属性定义了终点坐标的 y 值

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com