svg stroke-dasharray属性 1% 是以什么为基准

svg 的 stroke-dasharray: 1% 10, 这个1%是以哪个为基准的,测试时发现跟浏览器屏幕宽度有关,但又不等于 1vw

参考GPT和自己的思路:

回答:

svg 的 stroke-dasharray 属性是用来设置虚线或点线的样式,其中 1% 是以路径总长度为参照的。具体来说,stroke-dasharray 的第一个数字表示虚线或点线的线段长度占路径总长度的百分比,例如 1% 表示线段长度为路径总长度的 1%,同时接下来的数字则表示间隔的长度。

至于为什么测试时发现跟浏览器屏幕宽度有关,但又不等于 1vw,可能是因为屏幕分辨率密度的不同,导致实际像素和 CSS 像素的换算比例也不同,从而影响虚线或点线的长度。