我在 canvas 实例上呈现微小的文本,它在 Firefox 4 上按预期工作,但在 Chrome 和 Safari 上,字体呈现使用这些浏览器中设置的最小字体大小,这已经是最小的并且不能通过 UI 降低,(看起来像 6px 字体大小)但对于我想要完成的事情来说它仍然太大了。
我用来打印字体的代码类似于下面的代码,以防它可能有用:
ctx.font = '4px Monospace';
ctx.fillText("Any text", 0, 10);
那么,是否有可能完全覆盖最小字体大小设置?
更新:我知道文本在 4px 下不可读,但这不是问题的重点。事实上,我根本不需要它具有可读性。
更新 2:在 Safari 上 this solution有效,但在 Chrome 中仍然无效。
谢谢。
最佳答案
您可以尝试使用更大的字体和 scaling the context :
ctx.font = '8px Monospace';
ctx.save();
ctx.scale(0.5, 0.5);
ctx.fillText("Any text", 0, 20);
ctx.restore();
请记住在指定文本位置时牢记缩放比例。
这很容易降低文本的图形质量,但在那个大小下它无论如何都很难读。
关于javascript - 有没有办法覆盖 webkit 浏览器中的最小字体大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6304720/