SVG中stroke-dasharray的问题

http://codepen.io/anon/pen/vg...

id=yunpath 设置 stroke-dasharray=100% ,结果如上述 demo 所示

如果 100% 换成不带单位的 stroke-dasharray=707 图形位置和设置为 100% 时一样

根据 MDN https://developer.mozilla.org...

  • when a percentage length value represents a percentage of the viewport width or height

  • when a percentage length value represents a percentage of the bounding box width or height on a given object.

感觉 demo 中没有那个宽度或高度是 707 左右

请问 这个 stroke-dasharray=100% 的长度是相对哪个而言的呢?
为什么 demo 中这个 100% 又差不多等于 707 的效果呢

阅读 3.4k
评论
    2 个回答

    stroke-dasharray=100% 是svg元素路径的总长度吧 可以用element.getTotalLength()获得

      相似问题
      推荐文章