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