我有一个动画 SVG，其中每个都<path>在其前一个<path>. 第一个<path>从单击或 0 开始。
我在停止动画时遇到问题（没有 JS，仅在 XML 中）。我按下单击，动画开始。在整个动画结束之前，我按下单击并触发新的动画。然而，之前的动画继续运行，并且它弄乱了<path>从 2 开始的所有 s。
我尝试了不同的选项（beginwith time offsets; beginwith id.end），但我还没有找到解决方案。也许比我更有 SVG 经验的人可以帮助我？
这是我的 SVG：
<svg xmlns="http://www.w3.org/2000/svg" width="109" height="109" viewBox="0 0 109 109" id="3005">
<g fill="none" stroke="#666" stroke-width="9" stroke-linecap="round" stroke-linejoin="round">
<g>
<path d="M50.75,19.5c0.1,1.3,0.37,3.74-0.19,5.21C43.57,43,32.73,60.29,14.5,75.04" />
<path d="M45,44.35c1.05,0,3.62,0.35,6.26,0.1c9.18-0.85,25.21-3.31,29.06-3.67c4.26-0.4,6.46,4.28,4.68,6.25C78.32,54.46,67.5,67,57.81,79.22" />
<path d="M42.52,68.33c10.16,5.01,26.25,20.59,28.79,28.38" />
</g>
</g>
<g fill="none" stroke="#000" stroke-width="5" stroke-linecap="round" stroke-linejoin="round">
<g>
<path d="M50.75,19.5c0.1,1.3,0.37,3.74-0.19,5.21C43.57,43,32.73,60.29,14.5,75.04" stroke-dasharray="67.92" stroke-dashoffset="67.92">
<animate id="0" attributeName="stroke-dashoffset" values="67.92;0" dur="0.51s" fill="freeze" begin="0s;3005.click" />
</path> …我们以该表为例，其中包含 Unicode 和 UTF-8 中的字符和十六进制编码。
\n有谁知道如何仅使用数学运算将 UTF-8 十六进制转换为 Unicode 代码点？
\n例如 让我们采取第一行。给定227，129 130如何得到12354？
\n有什么简单的方法可以仅使用数学运算来做到这一点吗？
| Unicode 代码点 | UTF-8 | 查尔 |
|---|---|---|
| 30 42 (12354) | e3 (227) 81 (129) 82 (130) | \xe3\x81\x82 |
| 30 44 (12356) | e3 (227) 81 (129) 84 (132) | \xe3\x81\x84 |
| 30 46 (12358) | e3 (227) 81 (129) 86 (134) | \xe3\x81\x86 |
* 来源：https://www.utf8-chartable.de/unicode-utf8-table.pl ?start=12288&unicodeinhtml=hex
\n