The text() function is used to draw letters, words, and paragraphs to the screen. In the simplest use, the first parameter can be a String, char, int, or float. The second and third parameters set the position of the text. By default, the second parameter defines the distance from the left edge of the window; the third parameter defines the distance from the text’s baseline to the top of the window. The textSize() function defines the size the letters will draw in units of pixels. The number used to define the text size will not be the precise height of each letter, the difference depends on the design of each font. For instance, the statement textSize(30); won’t necessarily draw a capital H at 30 pixels high. The fill() function controls the color and transparency of text. This function affects text the same way it affects shapes such as rect() and ellipse(), but text is not affected by stroke().

</p>

<tr>

<td style="width: 120px; float:left;"><img src="imgs/12_01.png" style="width: 100px; height: 100px;"></td>

<td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

Another version of text() draws the characters inside a rectangle. In this use, the second and third parameters define the position of the upper-left corner of the box and fourth and fifth parameters define the width and height of the box. If the length of the text exceeds the dimensions of the defined box, the text will not display.

</p>

<tr>

<td style="width: 120px; float:left;"><img src="imgs/12_05.png" style="width: 100px; height: 100px;"></td>

<td>

</tr>

<tr>

</tr>

<tr>

<td style="width: 120px; float:left;"><img src="imgs/12_06.png" style="width: 100px; height: 100px;"></td>

<td>