使用动画变换旋转地球 svg

Posted 2023-05-08

技术标签:

【中文标题】使用动画变换旋转地球 svg【英文标题】：Spinning earth svg using animate transform 【发布时间】：2020-10-03 13:47:54 【问题描述】：

我正在尝试使用 SVG <animateTransform> 属性为地球旋转设置动画，遵循此 tutorial。

它工作得很好，但是当我将它应用到我自己的 SVG 上时，我在维护圆圈内的地球地图时遇到了麻烦，我不明白为什么，因为它与教程的代码相同并且宽度不同。 Codepen

注意

搜索 earth 找到相关代码。

在我的 SVG 上应用它时哪里出错了？

【问题讨论】：

【参考方案1】：

一切都很好，但animateTransform 应该放在<clippath> 标记内。

这是您提到的示例中的代码

用这支笔更新了你的例子https://codepen.io/jeffersonswartz/pen/vYLXREq

【讨论】：

以上是关于使用动画变换旋转地球 svg的主要内容，如果未能解决你的问题，请参考以下文章