Referencia p5.Font

p5.Font

Una clase para describir fuentes.

Ejemplos

Sintaxis

p5.Font([pInst])

Parámetros

pInst

puntero a la instancia de p5.

Métodos

textBounds

Devuelve el cuadro delimitador para una cadena de texto escrita usando la fuente.

El cuadro delimitador es el rectángulo más pequeño que puede contener una cadena de texto. font.textBounds() devuelve un objeto con la ubicación y el tamaño del cuadro delimitador. Por ejemplo, llamar a font.textBounds('p5*js', 5, 20) devuelve un objeto en el formato { x: 5.7, y: 12.1 , w: 9.9, h: 28.6 }. Las propiedades x e y son siempre las coordenadas de la esquina superior izquierda del cuadro delimitador.

El primer parámetro, str, es una cadena de texto. Los segundo y tercer parámetros, x e y, son la posición del texto. Por defecto, establecen las coordenadas de la esquina inferior izquierda del cuadro delimitador. Consulta textAlign() para obtener más formas de alinear el texto.

El cuarto parámetro, fontSize, es opcional. Establece el tamaño de la fuente utilizado para determinar el cuadro delimitador. Por defecto, font.textBounds() utilizará el tamaño de texto actual.

textToPoints

Devuelve una matriz de puntos que delinean una cadena de texto escrita usando la fuente.

Cada objeto de punto en la matriz tiene tres propiedades que describen la ubicación del punto y su orientación, llamada ángulo de ruta. Por ejemplo, { x: 10, y: 20, alpha: 450 }.

El primer parámetro, str, es una cadena de texto. Los segundo y tercer parámetros, x e y, son la posición del texto. Por defecto, establecen las coordenadas de la esquina inferior izquierda del cuadro delimitador. Consulta textAlign() para obtener más formas de alinear el texto.

El cuarto parámetro, fontSize, es opcional. Establece el tamaño de la fuente del texto. Por defecto, font.textToPoints() utilizará el tamaño de texto actual.

El quinto parámetro, options, también es opcional. font.textToPoints() espera un objeto con las siguientes propiedades:

sampleFactor es la relación entre la longitud de la ruta del texto y el número de muestras. Por defecto, es 0.1. Los valores más altos producen más puntos a lo largo de la ruta y son más precisos.

simplifyThreshold elimina los puntos colineales si se establece en un número distinto de 0. El valor representa el ángulo umbral que se utiliza para determinar si dos bordes son colineales.

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

Referencias Relacionadas