svg - Safari 是否支持 stroke-dasharray 属性中的视口单位？

Question

我有一个宽度为 90vw 且 stroke-dasharray 为 0 90vw 的 svg 路径，以生成一个可以沿一条线设置动画的点。这适用于 Chrome，但 Safari 会遍历整个路径。它似乎不喜欢这里的 vw 单位，尽管它在 stroke-dashoffset 属性中很好，我在网上找不到任何提及。关于我如何格式化属性，我有什么明显的遗漏吗？

path#dot {
  stroke-width: 32;
  stroke-linecap: round;
  stroke-dasharray: 0 90vw;
  stroke-dashoffset: 45vw;
}

谢谢

Answer 1

AFAIK，在 SVG 上下文中支持新的 CSS3 单元，目前是有限的。最后我听说，目前只有 Chrome/Blink（也可能是 Opera）支持这些单元。