p5.js | Función strokeCap()

La función strokeCap() en p5.js se usa para establecer el estilo de los finales de línea. Los extremos de la línea se pueden redondear, cuadrar o extender en función de sus parámetros CUADRADO, PROYECTO y REDONDO. El valor predeterminado es REDONDO.

Sintaxis:

strokeCap( cap )

Parámetros: esta función acepta un límite de parámetro único que contiene el estilo del final de la línea (REDONDO, CUADRADO o PROYECTO).

Ejemplo: Este ejemplo muestra todos los diferentes tipos de bordes de final de línea.

function setup() {
  
    // Create canvas of given size
    createCanvas(400, 400);
}
  
function draw() {
  
    // Set the background color
    background(50);
  
    // Set the weight of line stroke
    strokeWeight(15);
  
    // Set the color of line stroke
    stroke(20, 250, 100);
  
    // Set different edges style
    strokeCap(SQUARE);
    line(100, 200, 300, 200);
  
    strokeCap(ROUND);
    line(100, 100, 300, 100);
  
    strokeCap(PROJECT);
    line(100, 300, 300, 300);
}

Producción:

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