在 chromium 中,我可以使用 stroke-dasharray 后跟 2 个数字和单位像素,这在 Firefox 中不起作用——它只接受无单位的值。问题是我无法从我的变量中剥离单位。 对于如何在 Firefox 中获得与在 Chromium 中相同的效果,您有什么想法吗?
提前致谢
编辑:
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<line class="top" x1="0" y1="0" x2="100%" y2="0" />
</svg>
.top {
stroke-dasharray: 1px 1px;
}
最佳答案
首先,我的代码没有工作的原因是错误的,我使用 calc() 来获取我的数字(而不是 1px),这在 firefox 中是不可能的,并且在过去的 3-9 年里都知道
https://bugzilla.mozilla.org/show_bug.cgi?id=594933
https://bugzilla.mozilla.org/show_bug.cgi?id=1258270
关于css - 带有单位 px 的 Firefox svg stroke-dasharray,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55386593/