SVG中stroke-dasharray的问题

Question

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

给 id=yun 的 path 设置 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 的效果呢

Answer 1

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