SVG 复杂渐变填充圆绕 XY 轴旋转

发布于 2024-12-15 05:49:56 字数 1468 浏览 4 评论 0原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

笨死的猪 2024-12-22 05:49:56

这非常接近: http://jsfiddle.net/longsonr/8dA9j/ 因为你还没有绘制以原点为中心的路径,您需要平移路径,以便地球仪以原点为中心。如果您不希望整个事物在原点旋转,您可以旋转它并将所有内容包装在新的翻译中。

您应该能够摆弄 transform="translate(-360,-420)" 行来消除剩余的摆动。

This is pretty close: http://jsfiddle.net/longsonr/8dA9j/ As you haven't drawn the paths centred on the origin, you need to translate the paths so that the globe is centred on the origin. You can then rotate that and wrap all that in a new translation if you don't want the whole thing rotating at the origin.

You should be able to fiddle with the transform="translate(-360,-420)" line to remove the remaining wobble.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文