Animation Transfer origin似乎无法在safari上的SVG中处理safari中的缩放问题

在无限动画中，我试图在另一个圆的顶部旋转部分填充的圆，但在放大和缩小时，它没有将外部蓝色填充的圆与内部圆正确对齐。我还尝试了使用

变换框：填充框

，但这也不起作用

用于旋转的CSS

    @keyframes rotation {
        from {
            transform: rotate(0deg);

        }
        to {
           transform: rotate(360deg);
        }
    }
.cls-5 {
       transform-origin: center center;
       //transform-box:fill-box;
        animation: rotation 1.5s infinite linear;
    }

---

这可能是

的复制品这可能是

的复制品也许safari根本没有实现transform box我不认为transform box会解决这个问题，因为它不在其他浏览器中使用，也不在其他浏览器中使用。其他浏览器是什么？Chrome和Firefox支持transform-box。在Firefox和Chrome中，我也没有使用transform-box属性，在这种情况下，它也可以工作。也许safari根本没有实现transform-box。我不认为transform-box可以解决这个问题，因为它没有在其他浏览器中使用。其他浏览器是什么？Chrome和Firefox支持transform-box。在Firefox和Chrome中，我也没有使用transform-box属性，在这种情况下，它也可以工作欢迎使用stackoverflow。如果您认为此问题在其他地方已有答案，请随意将其标记为副本，否则请使用此空间提供问题的完整答案。另外，最好在答案中提供代码，而不是链接到另一个托管代码的站点。欢迎使用stackoverflow。如果您认为此问题在其他地方已有答案，请随意将其标记为副本，否则请使用此空间提供问题的完整答案。此外，最好在答案中提供代码，而不是链接到另一个托管代码的站点。