Safari是否支持stroke-dasharray属性中的视口单元?

时间:2018-02-21 11:02:28

标签: svg safari viewport-units stroke-dasharray

我有一个svg路径,其宽度为90vw,其stroke-dasharray为0 90vw,以产生一个可以沿一条线动画的点。这适用于Chrome,但Safari可以完成整个路径。它似乎不喜欢这里的vw单元,虽然它在stroke-dashoffset属性中很好用,但我在网上找不到这个。是否有一些显而易见的事情我对如何格式化属性感到遗憾?

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

由于

1 个答案:

答案 0 :(得分:0)

AFAIK,在SVG环境中对新CSS3单元的支持目前是有限的。最后我听说,目前只有Chrome / Blink(也可能是Opera)支持这些单位。