我正在制作一个svg动画,该动画在我的桌面上看起来不错,但是在移动设备(iOS,Safari / Chrome)上却无法正常工作。剪辑路径在桌面上看起来像是静止的,但是在移动设备上它是移动的,所以您永远看不到动画。
我制作了一个Codepen,演示了尝试对此svg进行动画处理的问题
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 504 252">
<title>My Svg</title>
<g id="Layer_1-2" class="main-group">
<circle class="circle" cx="378" cy="126" r="126"></circle>
</g>
<path class="hollow-circle" d="M126,0A126,126,0,1,0,252,126,126,126,0,0,0,126,0Zm0,233A107,107,0,1,1,233,126,107,107,0,0,1,126,233Z"></path>