La función strokeWeight() en p5.js se usa para establecer el ancho del trazo usado para líneas, puntos y el borde alrededor de las formas. El grosor del trazo se establece mediante el uso de píxeles.
Sintaxis:
strokeWidth(weight)
Parámetros: esta función acepta un solo parámetro de peso que almacena el peso (en píxeles) del trazo.
Los siguientes programas ilustran la función strokeWeight() en p5.js:
Ejemplo 1: este ejemplo utiliza la función strokeWeight() para establecer el ancho del trazo.
function setup() {
// Create Canvas of given size
createCanvas(380, 170);
}
function draw() {
// Set the background color
background(220);
// Set the stroke width
strokeWeight(20);
// Set the filled color
fill('green');
// Draw the circle
circle(60, 60, 34);
// Set the text size
textSize(20);
// Set the text to print
text("GeeksForGeeks", 120, 70);
}
Producción:
Ejemplo 2: este ejemplo utiliza la función strokeWeight() para establecer el ancho del trazo.
function setup() {
// Create Canvas of given size
createCanvas(380, 170);
}
function draw() {
// Set the background color
background(220);
// Set the stroke clor
stroke('orange');
// Set the stroke width to 10
strokeWeight(10); // Orange
// Draw a line
line(20, 70, 80, 70);
// Set the stroke color
stroke('white');
// Set the stroke width to 8
strokeWeight(8); // White
// Draw a line
line(20, 90, 80, 90);
// Set stroke color
stroke('green');
// Set the stroke width to 6
strokeWeight(6); // Green
// Draw a line
line(20, 110, 80, 110);
}
Producción:
Referencia: https://p5js.org/reference/#/p5/strokeWeight
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