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

2019年8月3日 217次阅读

我在画布实例上渲染小文本,它在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();

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

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

点赞