font atlas sdf
1.0.0
Popular un elemento <canvas> con un atlas de textura de fuentes: se puede usar para generar rápidamente fuentes SDF (campo de distancia firmada). SDF es la forma más eficiente de dibujar texto en WebGL, consulte el artículo. Para las fuentes de mapa de bits, ver Font-Atlas.
Manifestación
Popula y devuelve un elemento <canvas> con un atlas de textura de fuentes. Toma las siguientes opciones:
| Propiedad | Por defecto | Significado |
|---|---|---|
canvas | Nuevo lienzo | Use un elemento <canvas> existente. |
font | 16px sans-serif | La familia de fuentes para usar al dibujar el texto. Puede ser una cadena de fuente CSS o un objeto con propiedades de fuente: size , family , style , weight , variant , stretch . |
shape | [512, 512] | Una matriz que contiene la [width, height] para el lienzo en píxeles. |
step | [32, 32] | Una matriz que contiene la [width, height] para cada celda en píxeles. |
chars | [32, 126] | puede ser uno de cualquiera de los dos: una cadena que contiene todos los caracteres para usar; una matriz de todos los personajes para usar; Una matriz que especifica los códigos de caracteres [start, end] para usar. |
radius | tamaño × 1.5 | afecta la "pendiente" de la transformación de distancia. |
align | 'optical' | Alinee el símbolo verticalmente por caja delimitadora en lugar de la línea de base de fuentes. Valores disponibles: 'optical' para la alineación del centro de masa (ver propiedades ópticas), 'bounds' para la alineación del cuadro delimitador o false para usar la alineación de fuentes. |
fit | 0.5 | Normalice los tamaños del glifo para cubrir la misma parte del size . Puede ser un número o bool, por ejemplo. 0.5 cubre la mitad del size , 1 se ajusta al tamaño completo y al ajuste de desactivaciones false . |
