当Firefox的“最小字体大小”设置为15时,svg
中的文本会变得很大。
没有找到与我的问题类似的东西。感谢对此问题的任何见解!
注意:这是img
,其中src
是.svg
文件。 https://codepen.io/amyrlam/pen/QPRmoY
预期:svg
中的文本正常显示。
实际结果:svg
中的文本被炸断。
如何设置最小字体大小:Firefox>首选项>语言和外观>字体和颜色>高级>将最小字体大小设置为15
答案 0 :(得分:0)
这似乎是svg-term-cli
生成的示例。正如罗伯特·朗森(Robert Longson)在上述评论中指出的那样,这是设置最小字体大小时的Firefox错误/回归到SVG文本缩放。如果我正确地理解了讨论,那么在视口缩放到最终呈现的大小之前,FF会错误地将SVG坐标空间中的“ 5px” 解释为小于最小字体大小。因此,“ 5px”按比例放大到例如SVG text
元素上的“ 15pt”,然后 then 再次缩放,以适应实际的SVG视口和大字母输入。
鉴于FF错误已进行了一系列补丁尝试,但由于造成了其他间歇性回归而被撤消,我将建议从SVG方面解决此问题:尝试调整SVG坐标空间的缩放比例以防止Firefox触发错误。例如。将SVG坐标系大小乘以某个比例因子,因此每个文本元素总是比合理的最小字体大小设置“更大”。 svg-term-cli
上有a tracking issue;我已经为该讨论添加了类似的细节。