p5.js textSize() Function

Last Updated : 23 Aug, 2023

The textSize() function in p5.js is used to set or return the font size of text. This function is used in all subsequent calls to the text() function.

Syntax:

textSize(size)

textSize()

Parameters: This function accepts single parameter sizewhich stores the size of the text in terms of pixels.

Below programs illustrate the textSize() function in p5.js:

Example 1: This example uses textSize() function to set the font size of text.

function setup() { 
      
    // Create Canvas of given size 
    createCanvas(380, 170); 
} 
  
function draw() { 
      
    let string = "GeeksforGeeks"; 
      
    // Set the background color 
    background(220); 
      
    // Set the text size 
    textSize(30); 
      
    // Set the text  
    text(string, 100, 30); 
} 

Output:

Example 2: This example uses textSize() function to return the font size of text.

function setup() { 
      
    // Create Canvas of given size 
    createCanvas(380, 170); 
} 
  
function draw() { 
      
    let string = "GeeksforGeeks"; 
      
    // Set the background color 
    background(220); 
      
    // Set the text size 
    textSize(16); 
      
    // store the size of text 
    var u = textSize(); 
      
    // Set the stroke color 
    stroke(255, 204, 0); 
  
    // Display result 
    text("Value of Text Size is : "
            + u, 50, 30); 
} 

Output:

Reference: https://p5js.org/reference/#/p5/textSize

Suggest improvement

p5.js textLeading() Function

p5.js textStyle() Function

Share your thoughts in the comments

p5.js Environment

p5.js Color

p5.js Shape

p5.js Constants and Structure

p5.js DOM and Rendering

p5.js Transform

p5.js Data

p5.js Events

p5.js Image

p5.js IO

p5.js Math

p5.js Typography

p5.js Lights, Camera