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

Question

我正在尝试为圆形元素r的半径属性SVG2 Geometry Property 设置动画。

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

现在我注意到，如果我将值表示为百分比r，动画似乎只在 Firefox 中起作用。如果我使用绝对值，则圆圈不会被动画，请参阅最小再现 CodeSandbox。

Firefox 在这里缺少 SVG2 支持吗？

标签： svgfirefoxcss-animationsbrowser-support

Answer 1

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