有没有办法覆盖webkit浏览器中的最小字体大小？

Question

我在画布实例上渲染小文本，它在Firefox 4上按预期工作，但在Chrome和Safari上，字体渲染使用在这些浏览器中设置的最小字体大小，这已经是最小的，不能是通过用户界面降低（看起来像6px的字体大小），但它仍然太大，无法实现我想要的目标。

我用来打印字体的代码类似于以下内容，以防它可能有用：

ctx.font = '4px Monospace';
ctx.fillText("Any text", 0, 10);

那么，是否可以覆盖最小字体大小设置？

更新：我知道4px无法读取文字，但这不是问题的重点。事实上，我根本不需要它是可读的。

更新2 ：在Safari this solution上有效，但在Chrome中仍无效。

感谢。

Answer 1

您可以尝试使用更大的字体和scaling the context：

ctx.font = '8px Monospace';
ctx.save();
ctx.scale(0.5, 0.5);
ctx.fillText("Any text", 0, 20);
ctx.restore();

在指定文字位置时，请记住要记住缩放。

这可能会轻易降低文本的图形质量，但在这个尺寸下，它无论如何都是不可读的。