我在画布实例上呈现微小的文本,它在Firefox 4上正常工作,但在Chrome和Safari上,字体呈现使用这些浏览器中设置的最小字体大小,它已经达到了最小值,不能通过UI (看起来像6px字体大小)降低,但它仍然太大,无法完成我想要实现的任务。
我用来打印字体的代码类似于下面的代码,以防它有用:
ctx.font = '4px Monospace';
ctx.fillText("Any text", 0, 10);
那么,是否有可能覆盖最小字体大小设置?
Update:我知道在4px上文本是不可读的,但这不是问题的重点。事实上,我根本不需要它的可读性。
更新2:在Safari上运行,但在Chrome中仍然不能工作。
谢谢。
发布于 2011-06-10 03:29:59
您可以尝试使用更大的字体和缩放上下文。
ctx.font = '8px Monospace';
ctx.save();
ctx.scale(0.5, 0.5);
ctx.fillText("Any text", 0, 20);
ctx.restore();
当指定文本的位置时,记住要记住缩放。
这可以很容易地降低文本的图形质量,但在这样的大小下,它将是相当不可读的。
https://stackoverflow.com/questions/6304720
复制相似问题