text_align()

Sets the current alignment for drawing text.

Examples

example picture for text_align()
1
2
3
4
5
6
7
8
9
def setup():
    py5.background(0)
    py5.text_size(16)
    py5.text_align(py5.RIGHT)
    py5.text("ABCD", 50, 30)
    py5.text_align(py5.CENTER)
    py5.text("EFGH", 50, 50)
    py5.text_align(py5.LEFT)
    py5.text("IJKL", 50, 70)
example picture for text_align()
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
def setup():
    py5.background(0)
    py5.stroke(153)
    py5.text_size(11)
    py5.text_align(py5.CENTER, py5.BOTTOM)
    py5.line(0, 30, py5.width, 30)
    py5.text("CENTER,BOTTOM", 50, 30)
    py5.text_align(py5.CENTER, py5.CENTER)
    py5.line(0, 50, py5.width, 50)
    py5.text("CENTER,CENTER", 50, 50)
    py5.text_align(py5.CENTER, py5.TOP)
    py5.line(0, 70, py5.width, 70)
    py5.text("CENTER,TOP", 50, 70)

Description

Sets the current alignment for drawing text. The parameters LEFT, CENTER, and RIGHT set the display characteristics of the letters in relation to the values for the x and y parameters of the text() function.

An optional second parameter can be used to vertically align the text. BASELINE is the default, and the vertical alignment will be reset to BASELINE if the second parameter is not used. The TOP and CENTER parameters are straightforward. The BOTTOM parameter offsets the line based on the current text_descent(). For multiple lines, the final line will be aligned to the bottom, with the previous lines appearing above it.

When using text() with width and height parameters, BASELINE is ignored, and treated as TOP. (Otherwise, text would by default draw outside the box, since BASELINE is the default setting. BASELINE is not a useful drawing mode for text drawn in a rectangle.)

The vertical alignment is based on the value of text_ascent(), which many fonts do not specify correctly. It may be necessary to use a hack and offset by a few pixels by hand so that the offset looks correct. To do this as less of a hack, use some percentage of text_ascent() or text_descent() so that the hack works even if you change the size of the font.

Underlying Java method: textAlign

Syntax

text_align(align_x: int, /) -> None
text_align(align_x: int, align_y: int, /) -> None

Parameters

  • align_x: int - horizontal alignment, either LEFT, CENTER, or RIGHT

  • align_y: int - vertical alignment, either TOP, BOTTOM, CENTER, or BASELINE

Updated on September 11, 2021 16:51:34pm UTC