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