如何解决Chrome无法识别短线网址中的笔触颜色
我的SVG:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1 -1 130 130">
<linearGradient id="line_color">
<stop stop-color="black" offset="0"/>
</linearGradient>
<line id="line" x1="0" y1="0" x2="100" y2="100" stroke="url(#line_color)" stroke-width="2"/>
<line id="dash" x1="64" x2="64" y1="0" y2="4" stroke="url(#line_color)" stroke-width="2"/>
<circle cx="50" cy="50" r="50" fill="none" stroke="url(#line_color)" stroke-width="2"/>
</svg>
我已经定义了一种颜色并将其应用于#line,Firefox和Chrome都将这条线绘制得很好。但是,当我用相同的颜色绘制#dash时,Firefox会按其应有的方式进行绘制,而Chrome则不会。两者都画得很好。
如果#dash的笔触颜色更改为“黑色”,Chrome将对其进行绘制。
Firefox 79.0 Chromium 84.0.4147.135
我注意到Chrome在Ristretto中的行为,但是Telegram的桌面客户端和Android上的Simple Gallery应用似乎在画线,例如Firefox。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。