p5.js | función peso de trazo()

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

Deja una respuesta

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