我在画布实例上渲染小文本,它在Firefox 4上按预期工作,但在Chrome和Safari上,字体渲染使用在这些浏览器中设置的最小字体大小,这已经是最小的,不能是通过用户界面降低(看起来像6px的字体大小),但它仍然太大,无法实现我想要的目标。
我用来打印字体的代码类似于以下内容,以防它可能有用:
ctx.font = '4px Monospace';
ctx.fillText("Any text", 0, 10);
那么,是否可以覆盖最小字体大小设置?
更新:我知道4px无法读取文字,但这不是问题的重点。事实上,我根本不需要它是可读的。
更新2 :在Safari this solution上有效,但在Chrome中仍无效。
感谢。
答案 0 :(得分:2)
您可以尝试使用更大的字体和scaling the context:
ctx.font = '8px Monospace';
ctx.save();
ctx.scale(0.5, 0.5);
ctx.fillText("Any text", 0, 20);
ctx.restore();
在指定文字位置时,请记住要记住缩放。
这可能会轻易降低文本的图形质量,但在这个尺寸下,它无论如何都是不可读的。