使用动画变换旋转地球 svg

Spinning earth svg using animate transform

我正在尝试使用 SVG <animateTransform> 属性为地球自转制作动画,遵循此 tutorial

它工作正常,但是当我将它应用到我自己的 SVG 上时,我无法维护圆圈内的地球地图,我不明白为什么,因为它与教程的代码相同,但宽度不同. Codepen

备注

搜索地球找到相关代码。

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

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

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

更新了您在此笔中的示例 https://codepen.io/jeffersonswartz/pen/vYLXREq