La función strokeJoin() en p5.js se usa para establecer el estilo de unión que conecta los segmentos de línea. Estas uniones son en inglete, biseladas o redondeadas y se especifican con los parámetros correspondientes EN INGLETE, BISEL y REDONDO. MITRE es la junta predeterminada.
Sintaxis:
strokeJoin(join)
Parámetros: esta función acepta la unión de un solo parámetro que almacena la constante del parámetro de unión, ya sea ‘INGLETE’, ‘BISEL’ o ‘REDONDO’.
Los siguientes programas ilustran la función strokeJoin() en p5.js:
Ejemplo 1: Este ejemplo usa la función strokeJoin() para unir los trazos.
function setup() {
// Create Canvas of given size
createCanvas(380, 170);
}
function draw() {
// Set the background color
background(220);
// Set the stroke weight
strokeWeight(12);
// Set strokeJoin function
strokeJoin(ROUND);
// Function to create line segment
line(20, 30, 200, 30);
line(200, 30, 200, 100);
line(200, 100, 20, 30);
}
Producción:
Ejemplo 2: Este ejemplo usa la función strokeJoin() para unir los trazos.
function setup() {
// Create Canvas of given size
createCanvas(380, 170);
}
function draw() {
// Set the background color
background(220);
// Set the stroke weight
strokeWeight(10);
// Set strokeJoin function
strokeJoin(BEVEL);
// Function to create line segment
line(20, 30, 200, 30);
line(200, 30, 200, 100);
line(200, 100, 20, 100);
line(20, 100, 20, 30);
}
Producción:
Referencia: https://p5js.org/reference/#/p5/strokeJoin
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