font atlas sdf
1.0.0
Remplir un élément <canvas> avec un atlas de texture de police - peut être utilisé pour générer rapidement des polices SDF (champ de distance signé). SDF est le moyen le plus efficace de dessiner du texte dans WebGL, voir l'article. Pour les polices bitmap, voir Font-atlas.
Démo
Apparaît et renvoie un élément <canvas> avec un atlas de texture de police. Prend les options suivantes:
| Propriété | Défaut | Signification |
|---|---|---|
canvas | Nouvelle toile | Utilisez un élément <canvas> existant. |
font | 16px sans-serif | La famille des polices à utiliser lors du dessin du texte. Peut être une chaîne de police CSS ou un objet avec des propriétés de police: size , family , style , weight , variant , stretch . |
shape | [512, 512] | un tableau contenant la [width, height] pour la toile en pixels. |
step | [32, 32] | un tableau contenant la [width, height] pour chaque cellule en pixels. |
chars | [32, 126] | Peut être l'un des deux: une chaîne contenant tous les caractères à utiliser; un tableau de tous les caractères à utiliser; un tableau spécifiant les codes de caractères [start, end] à utiliser. |
radius | Taille × 1,5 | affecte la «pente» de la transformation à distance. |
align | 'optical' | Alignez le symbole verticalement par la boîte de délimitation plutôt que par la ligne de base de la police. Valeurs disponibles: 'optical' pour l'alignement du centre d'alignement de masse (voir Optical-Properties), 'bounds' pour l'alignement des boîtes de limites ou false pour utiliser l'alignement des polices. |
fit | 0.5 | Normalisez les tailles de glyphes pour couvrir la même partie de size . Peut être un nombre ou un boool, par exemple. 0.5 couvre la moitié de size , 1 s'adapte à la taille réelle et false désactifs s'ajustent. |
