使用动画变换旋转地球 svg答案

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

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

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

注意

搜索 earth 找到相关代码。

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：