Firefox ：动画 SVG 半径仅适用于百分比

Question

我正在尝试为 SVG2 几何体 属性 r、圆形元素的 radius property 设置动画。

我读到 属性 在支持 SVG2 的浏览器中可以用作 CSS 属性（参见 ）。

现在我注意到动画 r 似乎只有在我将值表示为 percentages. If I use absolute values, the circle is not being animated, see minimum reproduction CodeSandbox 时才在 Firefox 中起作用。

Firefox 是否缺少 SVG2 支持？

Answer 1

如前所述，以像素为单位说明长度即可。 spec 确实表示绝对长度必须以物理单位给出。 省略它们将 Chrome 使用 px 作为后备单元，而 Firefox 不会。