Referencia stroke()

stroke()

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

v1
Number:

el valor del color rojo en el modo de color RGB, o el valor del matiz si el modo de color es HSB.

v2
Number:

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.

v3
Number:

el valor del color azul en el modo de color RGB, o el valor del brillo si el modo de color es HSB.

alpha
Number:
value
String:

cadena de caracteres que definen un color.

gray
Number:

especifica un valor entre blanco y negro (escala de grises).

values
Number[]:

Un arreglo que contenga los componentes rojo, verde, azul y alfa del color.

color
p5.Color:

el color del borde.

Notice any errors or typos? Please let us know. Please feel free to edit src/color/setting.js and open a pull request!

Referencias Relacionadas