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

时间:2011-06-10 09:52:20

标签: javascript canvas fonts webkit font-size

我在画布实例上渲染小文本,它在Firefox 4上按预期工作,但在Chrome和Safari上,字体渲染使用在这些浏览器中设置的最小字体大小,这已经是最小的,不能是通过用户界面降低(看起来像6px的字体大小),但它仍然太大,无法实现我想要的目标。

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

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

那么,是否可以覆盖最小字体大小设置?

更新:我知道4px无法读取文字,但这不是问题的重点。事实上,我根本不需要它是可读的。

更新2 :在Safari this solution上有效,但在Chrome中仍无效。

感谢。

1 个答案:

答案 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();

在指定文字位置时,请记住要记住缩放。

这可能会轻易降低文本的图形质量,但在这个尺寸下,它无论如何都是不可读的。