我試圖用transform-origin: center來旋轉(zhuǎn)SVG。它在Chrome和Firefox以及Safari中以100%的縮放比例都能完美運(yùn)行。當(dāng)我試圖在Safari中縮小或放大頁面時，SVG不會圍繞其中心旋轉(zhuǎn)。

https://jsbin.com/duwezonate/1/edit? html，css，輸出你可以通過從Chrome和Safari訪問它來檢查這個鏈接

以下是我的代碼片段:

circle {
  stroke: currentColor;
  transform-origin: center;
  animation: 1s infinite rotate-360;
}

@keyframes rotate-360 {
  100% {
    transform: rotate(360deg);
  }
}

<svg viewBox="0 0 50 50">
  <circle fill="none" cx="25" cy="25" r="12" stroke-dasharray="50" stroke-dashoffset="10" />
</svg>

這是自2014年以來的已知問題，以下是票證:錯誤鏈接