font atlas sdf
1.0.0
يمكن استخدام عنصر <canvas> مع أطلس نسيج الخط - لإنشاء خطوط SDF (حقل المسافة الموقّع) بسرعة. SDF هي الطريقة الأكثر فعالية لرسم النص في WebGL ، انظر المقالة. للاطلاع على خطوط صورة نقطية ، انظر الخطوط.
العرض التوضيحي
يملأ ويعيد عنصر <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 . |
