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

Question

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

Answer 1

参考GPT和自己的思路：

回答：

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

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