Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何设置HTML5中绘制文本的最大高度<;画布>;?_Javascript_Html_Canvas - Fatal编程技术网

Javascript 如何设置HTML5中绘制文本的最大高度<;画布>;?

Javascript 如何设置HTML5中绘制文本的最大高度<;画布>;?,javascript,html,canvas,Javascript,Html,Canvas,我想知道如何设置中绘制文本的最大高度 作为fillText()的第四个参数,我可以给出最大宽度,但我还想限制文本的垂直空间,这样所有过多的文本都会被隐藏 这可能吗?如果可能,怎么可能?你不能。还没有。规范也不会因此而修改,因为规范编写者说,实现者已经有了足够的准备 :-( 您现在可以更改字体,即右上下文。font=“72px verdana” 另一个注意事项是,由于您使用的是画布上的文本,因此上下文。缩放(x,y)将完美缩放文本(无像素!),因此您可以使用已知高若干像素的字体,然后将其完美缩放为

我想知道如何设置
中绘制文本的最大高度

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


这可能吗?如果可能,怎么可能?

你不能。还没有。规范也不会因此而修改,因为规范编写者说,实现者已经有了足够的准备

:-(

您现在可以更改字体,即右上下文。font=“72px verdana”

另一个注意事项是,由于您使用的是画布上的文本,因此上下文。缩放(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之间的区别:


我认为没有任何关于最大高度的具体规定,您只需使用字体大小进行限制。相关: