font atlas sdf
1.0.0
Populieren Sie ein <canvas> -Element mit einem Schriftart -Textur -Atlas - kann verwendet werden, um schnell SDF -Schriftarten (signiertes Abstandsfeld) zu erzeugen. SDF ist der effizienteste Weg, um Text in WebGL zu zeichnen, siehe Artikel. Für Bitmap-Schriftarten siehe Schriftarten.
Demo
Populiert und gibt ein <canvas> -Element mit einem Schriftstexturatlas zurück. Nimmt die folgenden Optionen an:
| Eigentum | Standard | Bedeutung |
|---|---|---|
canvas | Neue Leinwand | Verwenden Sie ein vorhandenes <canvas> -Element. |
font | 16px sans-serif | Die Schriftfamilie zum Zeichnen des Textes verwendet. Kann eine CSS -Schriftschnur oder ein Objekt mit Schrifteigenschaften sein: size , family , style , weight , variant , stretch . |
shape | [512, 512] | Ein Array, das die [width, height] für die Leinwand in Pixeln enthält. |
step | [32, 32] | Ein Array, das die [width, height] für jede Zelle in Pixeln enthält. |
chars | [32, 126] | kann einer von beiden sein: eine Zeichenfolge, die alle zu verwendenden Zeichen enthält; eine Reihe aller zu verwendenden Zeichen; Ein Array, das die zu verwendenden Zeichencodes [start, end] angibt. |
radius | Größe × 1,5 | beeinflusst die "Neigung" der Entfernungstransformation. |
align | 'optical' | Setzen Sie das Symbol vertikal durch Begrenzungsbox anstatt eine Schriftlinie aus. Verfügbare Werte: 'optical' für die Massenausrichtung (siehe optische Vorschriften), 'bounds' für die Ausrichtung des Begrenzungsboxens oder false um eine Schriftausrichtung zu verwenden. |
fit | 0.5 | Normalisieren Sie die Glyphengrößen, um denselben Teil der size abzudecken. Kann eine Zahl oder eine Anzahl sein, z. 0.5 deckt die Hälfte der size ab, 1 Anpassungen in die volle Größe und false Deaktivierungen. |
