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

Question

我在 canvas 实例上呈现微小的文本，它在 Firefox 4 上按预期工作，但在 Chrome 和 Safari 上，字体呈现使用这些浏览器中设置的最小字体大小，这已经是最小的并且不能通过 UI 降低，(看起来像 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();

请记住在指定文本位置时牢记缩放比例。

这很容易降低文本的图形质量，但在那个大小下它无论如何都很难读。