font atlas sdf
1.0.0
Mengembangkan elemen <canvas> dengan atlas tekstur font - dapat digunakan untuk dengan cepat menghasilkan font SDF (bidang jarak yang ditandatangani). SDF adalah cara paling efisien untuk menggambar teks di WebGL, lihat artikel. Untuk font bitmap lihat font-atlas.
Demo
Mengisi dan mengembalikan elemen <canvas> dengan atlas tekstur font. Mengambil opsi berikut:
| Milik | Bawaan | Arti |
|---|---|---|
canvas | Kanvas baru | Gunakan elemen <canvas> yang ada. |
font | 16px sans-serif | keluarga font untuk digunakan saat menggambar teks. Dapat berupa string font CSS atau objek dengan sifat font: size , family , style , weight , variant , stretch . |
shape | [512, 512] | Array yang berisi [width, height] untuk kanvas dalam piksel. |
step | [32, 32] | Array yang berisi [width, height] untuk setiap sel dalam piksel. |
chars | [32, 126] | Mungkin salah satu dari keduanya: string yang berisi semua karakter untuk digunakan; serangkaian semua karakter untuk digunakan; Array yang menentukan kode karakter [start, end] untuk digunakan. |
radius | Ukuran × 1.5 | mempengaruhi "kemiringan" transform jarak. |
align | 'optical' | Sejajarkan simbol secara vertikal dengan bounding box daripada baseline font. Nilai yang tersedia: 'optical' untuk pusat penyelarasan massa (lihat optik optik), 'bounds' untuk penyelarasan kotak pembatas atau false untuk menggunakan perataan font. |
fit | 0.5 | Normalisasi ukuran mesin terbang untuk mencakup bagian size yang sama. Bisa berupa angka atau bool, mis. 0.5 mencakup setengah size , 1 cocok dengan ukuran penuh dan cacat false . |
