p5.js | función estilotexto()

La función textStyle() en p5.js se usa para establecer o devolver el estilo del texto para las fuentes del sistema a NORMAL, ITALIC, BOLD o BOLDITALIC. Esto puede ser anulado por el estilo CSS.

Sintaxis:

textStyle(style)

o

textStyle()

Parámetros: esta función acepta un estilo de parámetro único que almacena la constante de estilo.

Los siguientes programas ilustran la función textStyle() en p5.js:

Ejemplo 1: Este ejemplo usa la función textStyle() para establecer el estilo del texto.

function setup() {
      
    // Create Canvas of given size
    createCanvas(380, 170);
}
  
function draw() {
      
    let string = "GeeksforGeeks";
      
    // Set the background color
    background(220);
      
    // Set the text style
    textStyle(ITALIC);
      
    // Set the text size
    textSize(16);
      
    // Set the text 
    text(string, 20, 30);
  
    // Set text styling
    textStyle(BOLD);
      
    text(string, 20, 70);
  
    // Set text styling
    textStyle(BOLDITALIC);
      
    text(string, 20, 110);
}

Producción:

Ejemplo 2: Este ejemplo usa la función textStyle() para devolver el estilo del texto.

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

Producción:

Referencia: https://p5js.org/reference/#/p5/textStyle

Publicación traducida automáticamente

Artículo escrito por sarthak_ishu11 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *