有没有办法在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();

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

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