博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Snap.svg中transform旋转值的“r+数组”表现形式
阅读量:5100 次
发布时间:2019-06-13

本文共 414 字,大约阅读时间需要 1 分钟。

Snap.svg中transform的值还可以写为类似以下这种形式:

transform:'r'+[100,[50,50]];

这种写法的意思是,让元素以(50,50)为旋转中心点,然后旋转100度。

 

 

即:

transform: 'r' + [{旋转角度},[{Svg-x轴方向的值},{Svg-y轴方向的值}]];

如果旋转后的角度是变小的,则为逆时针旋转;

如果旋转后的角度是增大的,则为顺时针旋转。

 

 

最后再举个例子:

让rect以右下角为旋转点顺时针旋转90度

var s=$('#svg');var rect = s.rect(0, 0, 100, 100);        rect.animate({            transform: 'r' + [90,[100,100]]        },1000);

 

转载于:https://www.cnblogs.com/Hx2JS/p/4626017.html

你可能感兴趣的文章
[转] TCP/IP原理、基础以及在Linux上的实现
查看>>
python 抓取 国美价格地址
查看>>
安装 启动 停止 卸载 Windows服务 c#
查看>>
[转]]将 ASP.NET MVC3 Razor 项目部署到虚拟主机中
查看>>
LeetCode 第55题 跳跃游戏
查看>>
js执行后console自动返回undefined问题
查看>>
sql server 带输入输出参数的分页存储过程(效率最高)
查看>>
面试所遇到的问题(一)
查看>>
5. javacript高级程序设计-引用类型
查看>>
Codeforces 1153
查看>>
Safari下input样式无法设置的问题
查看>>
shell脚本值case
查看>>
NSTimer与iphone的简单动画
查看>>
angular1 自定义手风琴写法
查看>>
软件工程知识点总结
查看>>
【Miktex】使用教程以及数学符号整理总结
查看>>
Hibernate -- Session的主键生成策略
查看>>
Oracle 分页
查看>>
LINUX - getopts
查看>>
【CJOJ1644】【洛谷2758】编辑距离
查看>>