font atlas sdf
1.0.0
เติมองค์ประกอบ <canvas> ด้วยแผนที่พื้นผิวตัวอักษร - สามารถใช้เพื่อสร้างแบบอักษร SDF (ระยะทางที่ลงนาม) ได้อย่างรวดเร็ว SDF เป็นวิธีที่มีประสิทธิภาพที่สุดในการวาดข้อความใน WebGL ดูบทความ สำหรับแบบอักษรบิตแมปดู Font-Atlas
การสาธิต
เติมและส่งคืนองค์ประกอบ <canvas> ด้วยแผนที่พื้นผิวตัวอักษร ใช้ตัวเลือกต่อไปนี้:
| คุณสมบัติ | ค่าเริ่มต้น | ความหมาย |
|---|---|---|
canvas | ผืนผ้าใบใหม่ | ใช้องค์ประกอบ <canvas> ที่มีอยู่ |
font | 16px sans-serif | ตระกูลตัวอักษรที่จะใช้เมื่อวาดข้อความ สามารถเป็นสตริงตัวอักษร CSS หรือวัตถุที่มีคุณสมบัติแบบอักษร: size , family , style , weight , variant , stretch |
shape | [512, 512] | อาร์เรย์ที่มี [width, height] สำหรับผืนผ้าใบเป็นพิกเซล |
step | [32, 32] | อาร์เรย์ที่มี [width, height] สำหรับแต่ละเซลล์เป็นพิกเซล |
chars | [32, 126] | อาจเป็นหนึ่งใน: สตริงที่มีอักขระทั้งหมดที่จะใช้; อาร์เรย์ของตัวละครทั้งหมดที่จะใช้ อาร์เรย์ที่ระบุรหัสอักขระ [start, end] ที่จะใช้ |
radius | ขนาด× 1.5 | ส่งผลกระทบต่อ "ความลาดชัน" ของการเปลี่ยนระยะทาง |
align | 'optical' | จัดตำแหน่งสัญลักษณ์ในแนวตั้งโดยกล่องขอบเขตมากกว่าแบบอักษรพื้นฐาน ค่าที่มีอยู่: 'optical' สำหรับศูนย์กลางของการจัดตำแหน่งมวล (ดูแสงเชิงแสง), 'bounds' สำหรับการจัดตำแหน่งกล่องขอบเขตหรือ false เพื่อใช้การจัดตำแหน่งแบบอักษร |
fit | 0.5 | ปรับขนาดของสัญลักษณ์ให้เป็นปกติเพื่อให้ครอบคลุม size ส่วนเดียวกัน สามารถเป็นตัวเลขหรือบูลได้เช่น 0.5 ครอบคลุมครึ่งหนึ่งของ size 1 เหมาะกับขนาดเต็มและปิดการใช้งาน false พอดี |
