مثال
كتابة نص عالية 30px على قماش، وذلك باستخدام خط "Arial" :
جافا سكريبت:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50);
انها محاولة لنفسك » دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
خاصية | |||||
---|---|---|---|---|---|
font | 4.0 | تسعة | 3.6 | 4.0 | 10.1 |
تعريف والاستخدام
مجموعات خاصية خط أو ترجع خصائص الخط الحالية لمحتوى النص على القماش.
تستخدم الخاصية الخط نفس بناء الجملة كما في CSS font property .
القيمة الافتراضية: | 10px بلا الرقيق |
---|---|
جافا سكريبت بناء الجملة: | context .font="italic small-caps bold 12px arial"; |
قيم الممتلكات
القيم | وصف | العبها |
---|---|---|
font-style | يحدد نمط الخط. القيم الممكنة:
| العبها " |
font-variant | يحدد البديل الخط. القيم الممكنة:
| العبها " |
font-weight | يحدد الوزن الخط. القيم الممكنة:
| العبها " |
font-size/line-height | يحدد حجم الخط والخط الارتفاع بالبكسل | العبها " |
font-family | يحدد عائلة الخط | العبها " |
شرح | استخدام عناصر التحكم الخط علق (like buttons, drop-downs, etc.) | العبها " |
أيقونة | استخدام الخط المستخدم لتسمية الرموز | العبها " |
قائمة طعام | استخدام الخط المستخدم في القوائم (drop-down menus and menu lists) | العبها " |
رسالة مربع | استخدام الخط المستخدم في مربعات الحوار | العبها " |
شرح-صغيرة | استخدام الخط المستخدم لوصفها الضوابط صغيرة | العبها " |
شريط الحالة | استخدام الخطوط المستخدمة في شريط الحالة نافذة | العبها " |
<كائن قماش