css - 带有单位 px 的 Firefox svg stroke-dasharray

标签 css firefox svg stroke-dasharray

在 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/

相关文章:

jquery - 如何使用 jQuery 实现悬停效果

css - 如何垂直对齐div与float :left?

javascript - 什么 css 属性用于以 Angular 设置选中的单选按钮的样式?

jquery - 更新 $ ("body").css ("background") 导致 wpaudioplayer 刷新,适用于 Firefox 3.6 及以下版本

html - 网站在 Mozilla 中不起作用,但在 IE 和 Chrome 中可以

javascript - 调整大小后获取svg图像的实际大小

css - 动态 Div 宽度的问题

api - Instagram API 注册新客户端不显示验证码

javascript - 导出时是否可以在 SVG 中保存任意数据?

cocoa - 为 Cocoa 应用程序分配图标——可以使用 SVG 吗?