SVG 文本是否有最小尺寸？答案

【问题标题】：Does SVG text have a minimal size?SVG 文本是否有最小尺寸？
【发布时间】：2019-04-12 13:56:54
【问题描述】：

似乎我达到了 SVG 中字体大小或文本的下限。不过，我似乎在文档中找不到任何关于它的信息。

我有一个巨大的 div，其中包含一个巨大的 SVG 部分，其中的一部分完全填满了视口。结果，我的字体大小可能小于 0.0105pt。此时文本消失！

查看这个 jsfiddle：https://jsfiddle.net/wc95t4dk/30/

<div style="position:absolute;top:-100000px; left: -100000px; width: 200000px; height:200000px">
    <svg width="100%" height="100%" viewbox="0 0 100 100">
        <text x="50.1" y="50.1" font-size="0.1pt" stroke="red" stroke-width="0.01" fill="red">My text</text>
        <text x="50.15" y="50.15" font-size="0.011pt" stroke="green" stroke-width="0.001" fill="green">My text2</text>
        <text x="50.25" y="50.15" font-size="0.01pt" stroke="blue" stroke-width="0.001" fill="blue">My text2</text>
    </svg>
</div>

红色和绿色的文字显示正常，但蓝色的却不行！

【问题讨论】：

标签： html svg text

【解决方案1】：

我不确定所有浏览器，但 Chrome 和 Firefox 都不会呈现字体大小小于 0.5 屏幕像素的文本。

见：http://jsfiddle.net/vsxgy3fq/5/

但是，当涉及 SVG viewBox 转换（和其他转换）时，事情会变得更加复杂。我知道浏览器有（或有）与此尺寸检查相关的错误。

【讨论】：

【解决方案2】：

根据这个答案https://stackoverflow.com/a/27165622/227507 这是由实现细节引起的，其中只有 8 位精度（1/256）保留给十进制数字

【讨论】：