Establece el color utilizado para dibujar puntos, líneas, y trazos o contornos de las formas.
Llamar a stroke(255, 165, 0)
o stroke('orange')
significa que el borde de todas las formas dibujadas después de llamar a stroke()
será de color naranja. La manera en que se interpretan estos parámetros puede cambiarse con la función colorMode().
La versión de stroke()
con un parámetro interpreta el valor de tres maneras. Si el parámetro es un Number
(número), se interpreta como un valor de escala de grises. Si el parámetro es un String
(cadena de caracteres), se interpreta como una cadena de caracteres de color de CSS (colores predefinidos de CSS). También se puede proporcionar un objeto p5.Color para establecer el color de trazo.
La versión de stroke()
con dos parámetros interpreta el primero como un valor de escala de grises. El segundo parámetro establece el valor alfa (transparencia).
La versión de stroke()
con tres parámetros los interpreta como colores RGB, HSB o HSL, dependiendo del modo de color actual (colorMode()
).
La versión de stroke()
con cuatro parámetros los interpreta como colores RGBA, HSBA o HSLA, dependiendo del modo de color actual (colorMode()
). El último parámetro establece el valor alfa (transparencia).
Ejemplos
Sintaxis
stroke(v1, v2, v3, [alpha])
stroke(value)
stroke(gray, [alpha])
stroke(values)
stroke(color)
Parámetros
el valor del color rojo en el modo de color RGB, o el valor del matiz si el modo de color es HSB.
el valor del color verde en el modo de color RGB, o el valor de la saturación si el modo de color es HSB.
el valor del color azul en el modo de color RGB, o el valor del brillo si el modo de color es HSB.
cadena de caracteres que definen un color.
especifica un valor entre blanco y negro (escala de grises).
Un arreglo que contenga los componentes rojo, verde, azul y alfa del color.
el color del borde.
Referencias Relacionadas
background
Establece el color a utilizar para el fondo del lienzo.
beginClip
Inicia la definición de una figura que enmascarará cualquier figura dibujada posteriormente.
clear
El método clear() hace que cada píxel sea 100% transparente.
clip
Define una figura que enmascarará cualquier figura dibujada posteriormente.