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

Question

我在画布实例上渲染微小的文本，它在 Firefox 4 上按预期工作，但在 Chrome 和 Safari 上，字体使用这些浏览器中设置的最小字体大小进行渲染，该字体大小已经是最小值，无法通过UI（看起来像 6px 字体大小），但对于我想要完成的任务来说它仍然太大了。

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

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

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

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

更新 2：在 Safari 上此解决方案有效，但在 Chrome 中仍然不起作用。

谢谢。

Answer 1

您可以尝试使用更大的字体并缩放上下文：

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

记住保持缩放指定文本位置时请记住。

这很容易降低文本的图形质量，但在这种尺寸下，无论如何它都将很难阅读。