Referencia rect()

rect()

Dibuja un rectángulo.

Un rectángulo es una figura de cuatro lados definida por los parámetros x, y, w y h. x y y establecen la ubicación de su esquina superior izquierda. w establece su ancho y h establece su altura. Cada ángulo del rectángulo mide 90˚. Consulta rectMode() para otras formas de definir rectángulos.

La versión de rect() con cinco parámetros crea un rectángulo redondeado. El quinto parámetro establece el radio para las cuatro esquinas.

La versión de rect() con ocho parámetros también crea un rectángulo redondeado. Cada uno de los cuatro últimos parámetros establece el radio de una esquina. Los radios comienzan con la esquina superior izquierda y avanzan en sentido horario alrededor del rectángulo. Si alguno de estos parámetros se omite, se establecen en el valor del último radio que se estableció.

Ejemplos

Sintaxis

rect(x, y, w, [h], [tl], [tr], [br], [bl])
rect(x, y, w, h, [detailX], [detailY])

Parámetros

x
Number:

coordenada x del rectángulo.

y
Number:

coordenada y del rectángulo.

w
Number:

ancho del rectángulo.

h
Number:

altura del rectángulo.

tl
Number:

radio opcional de la esquina superior izquierda.

tr
Number:

radio opcional de la esquina superior derecha.

br
Number:

radio opcional de la esquina inferior derecha.

bl
Number:

radio opcional de la esquina inferior izquierda.

detailX
Integer:

número de segmentos en la dirección x (para el modo WebGL).

detailY
Integer:

número de segmentos en la dirección y (para el modo WebGL).

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

Referencias Relacionadas