在纸上旋转矩形居中的公式
Formula to center a rectangle on paper with rotation
本文关键字:旋转 更新时间:2023-09-26
我正在尝试以下面的方式旋转纸张上的一个矩形
var paper = new Raphael(document.getElementById('element'), 400, 400);
paper.rect(1, 200, 200, 200).animate({transform:"r-45,200,200"}, 2000);
但这是不完整的。有没有一种算法可以让矩形居中。
是否也要在矩形的中心旋转?你可以这样做:
var paper = new Raphael(document.getElementById('element'), 400, 400);
paper.rect(100, 100, 200, 200).animate({transform:"r-360,200, 200"}, 20000);
我更新了jsfiddle的例子,我改变了你的旋转和时间,但你可以做你喜欢的那些
相关文章:
- 知道为什么我的旋转木马不会自动更改图片吗
- 顺时针旋转Svg元件
- 将鼠标旋转限制为特定的度数
- 旋转后拖动对象
- 禁用旋转木马中的下一个按钮和上一个按钮
- 手动创建旋转活动指示器
- 如何在容器中定位旋转的图像
- 在轴上旋转SVG图像
- 绕z轴旋转时出现iOS陀螺仪错误
- 旋转按钮[HTML][JS]
- 在JS中围绕旋转对象旋转对象
- Threejs-围绕中心旋转对象
- 旋转木马;启用内容安全策略时无法工作
- 如何在使用Kinetic拖动同一对象后,在旋转动画中保持先前的偏移
- 菜单切换时箭头旋转
- 较大引导转盘中的较小引导转盘-较小引导转盘上的旋转功能问题
- 需要关于随机图像旋转的指南
- 根据摄影机视图更改计算对象旋转
- 使用KineticJS变换(移动/缩放/旋转)形状
- 用两个手指旋转谷歌地图javascript中的地图