javascript - 如何设置在 HTML5 中绘制文本的最大高度？

Question

我想知道如何为 <canvas> 中的绘图文本设置最大高度.

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

这是否可能，如果可能，如何实现？

Answer 1

你不能。还没有。而且规范也不会为此进行修改，因为规范编写者说实现者已经准备好了足够的东西。

:-(

你现在可以改变字体，即正确的context.font = "72px verdana"

另一个注意事项，因为您在 Canvas 上使用文本，context.scale(x,y) 将完美地缩放文本(没有像素化!)所以您可以使用已知有一定像素高的字体然后完美地缩放它，使其精确到您想要的高度或高度。

例如，如果您知道 sans serif 10point 总是 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