问题描述
我正在尝试为圆形元素的 radius property SVG2 几何属性 r 设置动画。
我了解到该属性可以在支持 SVG2 的浏览器中用作 CSS 属性（请参阅 Resizing SVG Circle Radius Using CSS Animation）。
现在我注意到，如果我将值表示为 percentages，动画 r 似乎只在 Firefox 中起作用。如果我使用绝对值，则圆圈不会被动画化，请参阅 minimum reproduction CodeSandbox。
Firefox 是否缺少 SVG2 支持？
解决方法
正如所指出的，以像素为单位说明长度可以完成这项工作。
spec 确实表示绝对长度必须以物理单位给出。
如果省略它们，Chrome 将使用 px 作为后备单元，而 Firefox 则不会。