在 SVG 动画中围绕舞台原点以外的其他位置旋转路径
Rotate path in SVG animation around somewhere other than stage origin
正在尝试制作时钟动画。
当前版本在这里: http://michaelneff.com/clock/
看起来手在舞台的 0,0 周围旋转,我不知道如何改变旋转手的点。
我在这里改编了Codrops教程:http://tympanus.net/codrops/2013/02/06/interactive-infographic-with-svg-and-css-animations/
我是SVG动画的新手,所以任何帮助将不胜感激。提前谢谢。
您可以使用 rotate() 变换的三个参数版本来指定旋转中心。
transform="rotate(<angle> <cy> cy>)"
使用您使用的动画
<animateTransform attributeName="transform"
attributeType="XML"
type="rotate"
from="0 60 70"
to="360 60 70" />
相关文章:
- 防止用户在jQuery Mobile中ajax加载页面时单击其他位置
- 如何'剪切'DOM元素并将其显示在其他位置
- 只在某些位置拆分数组,而不在其他位置拆分
- HTML 按钮以在页面上的其他位置提交表单
- Ajax调用正在将数据插入页面的其他位置
- 从其他位置触发文件选择窗口
- 使用 Javascript 悬停将 Div 复制到页面上的其他位置
- 如何将图像链接与 HTML 和 CSS 一起使用时,悬停时在其他位置显示图像
- 使用页面上其他位置的链接激活选项卡
- 单击按钮以显示,单击其他位置以隐藏
- 打开下拉菜单,单击页面上的其他位置
- 将WebSQL数据库复制到其他位置
- 在 SVG 动画中围绕舞台原点以外的其他位置旋转路径
- 如何发布到网址但重定向到其他位置
- 点击触摸设备上的其他位置,关闭CSS下拉菜单
- 从Javascript函数中获取值以显示在其他位置
- 当用户单击页面上的其他位置时,如何关闭自定义下拉菜单
- 在其他位置显示对象中的数据
- 在编辑表行输入值并单击jquery中的其他位置后,读取这些值
- 使用CSS悬停类悬停在链接上,并在页面的其他位置显示覆盖图像