fontpixels.js

fontpixels.js

مكتبة جافا سكريبت للحصول على بيانات البكسل الخاصة بالشخصية بخط بناءً على إجابة تدفق المكدس هذه. تحقق من هذه الصفحة للحصول على العرض التوضيحي.

واجهة برمجة التطبيقات

 var pixelarray = fontpixels . generatepixels ( text , resolution , fontFamily , width , lines ) ;

نص

 // supports ascii...
text = "A" ;
// and unicode
text = "╫" ;

يوصى بإدخال حرف فقط في النص لأن المسافات بين الحروف غير تقليدية بعض الشيء.

دقة

 resolution = 30 ;

تحدد الدقة كلاً من حجم الإخراج وتفاصيل الإخراج. تعمل الدقة الأكبر على إخراج مصفوفات بكسل أكبر ومزيد من التفاصيل.

com.fontFamily

 fontFamily = "Times New Roman" ;

الخط من النص. تأكد من تحميل الخط قبل الاتصال بـ fontpixels.generatepixels() . أوصي بـ WebFont لمحمل الخطوط.

عرض

 width = 0.3 ;

عرض خط النص. عادة ما تكون القيم بين 0 و1 كافية. يعمل فقط عندما يتم ضبط lines على "صحيح". يتوافق مع خاصية قماش ctx.lineWidth .

خطوط

 lines = false ;

ما إذا كنت تريد رسم النص كخطوط، مثل HTML5 Canvas ctx.strokeText() .

مصفوفة بكسل

 console . log ( pixelarray ) ;
	//[{x: 2, y: 4}, {x: 5, y: 6} ...]

الإخراج عبارة عن مجموعة من قيم (x، y) للبكسلات. يمكنك استخدام وحدات البكسل بالتكرار عليها.

 pixelarray . forEach ( function ( value ) {
	console . log ( value . x , value . y ) ;
} ) ;