Как я могу установить максимальную высоту для рисования текста в HTML5 <canvas>?

Question

Я хотел бы знать, как я могу установить максимальную высоту для рисования текста в <canvas>.

В качестве 4-го аргумента для fillText() я могу дать максимальную ширину, но я также хочуограничить вертикальное пространство для текста, чтобы весь слишком большой текст просто скрывался.

Возможно ли это, и если да, то как?

Answer 1

Вы не можете.Еще нет.И спецификация еще не будет изменена для этого, потому что автор спецификации сказал, что у разработчиков уже достаточно на их пластине.

: - (

Вы можете изменить шрифт на данный момент,то есть право context.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