如何在HTML5 <canvas>?</canvas>中设置绘制文本的最大高度

时间:2010-11-06 21:34:00

标签: javascript html html5 canvas

我想知道如何设置<canvas>中绘制文字的最大高度。

作为fillText()的第四个参数,我可以给出最大宽度,但我也想限制文本的垂直空间,以便所有太多的文本都被隐藏。

这是可能的,如果是的话,怎么样?

1 个答案:

答案 0 :(得分:2)

你做不到。还没。并且该规范也不会因此而被修改,因为规范作者说实现者已经有了足够的内容。

: - (

你现在可以改变字体,即右上下文.font =“72px verdana”

另一个注意事项,因为你在画布上使用文字,是context.scale(x,y)会完美缩放文字(没有像素化!)所以你可以使用已知有一些像素高的字体然后将它完美地缩放到你想要的高度或短度。

例如,如果您知道无衬线10磅总是10像素高,您可以随时使用它进行绘制,然后将其放大,所以如果您想要50像素高,则可以这样做:

context.save()
context.font = "10px sans serif"
context.scale(5,5); // enlarge 5x
context.restore()

当然,对于很多只放50px / pt的字体可能会产生同样的效果。

关于字体的主题,值得注意的是px和pt之间的区别:

http://www.sibagraphics.com/font.php