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

Question

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

我了解到该属性可以在支持 SVG2 的浏览器中用作 CSS 属性（参见 Resizing SVG Circle Radius Using CSS Animation）。

现在我注意到动画r 似乎只有在我将值表示为percentages 时才能在Firefox 中工作。如果我使用绝对值，则圆圈不会被动画化，请参阅minimum reproduction CodeSandbox。

Firefox 是否缺少 SVG2 支持？

Answer 1

正如所指出的，以像素为单位说明长度就可以了。 spec 确实说绝对长度必须以物理单位给出。 如果忽略它们，Chrome 将使用 px 作为后备单元，而 Firefox 则不会。