SVG.属性(各种)

1、transform  [ 参考网址:SVG之transform - 前端学习笔记 - SegmentFault 思否.html(https://segmentfault.com/a/1190000009248258) ]

  1.1、transform="translate(x-value, y-value)"

  1.2、transform="scale(x-value, y-value)"

  1.3、transform="rotate(angle,[centerX, centerY])"  // ZC: 这里的 "centerX, centerY" 被 中括号 括起来,表示 是可选的参数,可以填 也可以不填:不填-->以图形的左上角为中心旋转;填--> 以坐标(centerX, centerY) 为中心旋转

    默认以坐标系中(0,0)原点为圆心,顺时针旋转angle度。0度为水平从左向右方向。

  1.4、transform="skewX(angle) skewY(angle)"    skewX和shewY可以使x轴和Y轴歪斜

2、

3、

4、

5、

猜你喜欢

转载自www.cnblogs.com/h5skill/p/9234060.html
今日推荐