Firefox svg stroke-dasharray,单位为px

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Firefox svg stroke-dasharray,单位为px相关的知识,希望对你有一定的参考价值。

在铬我可以使用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

以上是关于Firefox svg stroke-dasharray,单位为px的主要内容,如果未能解决你的问题,请参考以下文章

Firefox 中的 SVG 过滤器转换

Firefox SVG 图形模糊

Firefox中的svg变换原点问题

Firefox 不显示 SVG

Firefox 没有抗锯齿缩放背景 svg

SVG 渲染但仅在 Firefox 中被切断 - 为啥?