svg 缩写含义

### svg 缩写的含义

```
 M 代表 MoveTo 移动到 两个参数 x,y  x代表x 坐标 y代表y 坐标
 L 代表 LineTo 划线到 两个参数x,y  x代表x坐标 y 代表y坐标
 l 代表 LineTo 划线到 两个参数x,y  x代表相对坐标 y代表相对坐标 与上个点的相对坐标
 H 代表 HorizonTo 代表水平位置 一个参数 代表水平位置
 V 代表 VerticalTo 代表垂直方向 一个参数 代表垂直位置
 h 代表  HorizonTo吧相对水平位置移动
 v 代表  VerticalTo 垂直方向 一个参数 代表水平垂直移动
 Z 代表 闭合close Path 代表闭合线
 S 代表 曲线 也可以画曲线链接起来  如果S命令跟在一个C或S命令后面,则它的第一个控制点会被假设成前一个命令曲线的第二个控制点的中心对称点
 C 代表 三次Bezier  贝塞尔 曲线  C x1 y1, x2 y2, x y (or c dx1 dy1, dx2 dy2, dx dy)  两个控制点 x1,y1  x2,y2  终点x,y
 Q 代表 二次Bezier 贝塞尔曲线 Q x1 y1, x y (or q dx1 dy1, dx dy)
 T 代表链接 二次贝塞尔曲线
 A 代表 arc 代表弧度 A rx ry x-axis-rotation large-arc-flag sweep-flag x y   rx代表x坐标半径 ry 代表y坐标半径 x-axis-rotation 代表旋转角度 large-arc-flag 1代表大角度弧  0代表小角度弧  sweep-flag表示弧线的方向,0表示从起点到终点沿逆时针画弧,1表示从起点到终点沿顺时针画弧 
 <path d="M10 10 H 90 V 90 H 10 L 10 10"/>
 这个含义就算 移动到x坐标10,y坐标10,开始划线到水平位置的90,划线到垂直方向90,回到水平位置10,连线到10,10 位置


```

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值