أحدث البرامج التعليمية وتطوير الشبكة
 

HTML canvas font Propery

<كائن قماش

مثال

كتابة نص عالية 30px على قماش، وذلك باستخدام خط "Arial" :

YourbrowserdoesnotsupporttheHTML5canvastag.

جافا سكريبت:

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 يحدد الوزن الخط. القيم الممكنة:
  • عادي
  • بالخط العريض
  • أكثر جرأة
  • ولاعة
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
العبها "
font-size/line-height يحدد حجم الخط والخط الارتفاع بالبكسل العبها "
font-family يحدد عائلة الخط العبها "
شرح استخدام عناصر التحكم الخط علق (like buttons, drop-downs, etc.) العبها "
أيقونة استخدام الخط المستخدم لتسمية الرموز العبها "
قائمة طعام استخدام الخط المستخدم في القوائم (drop-down menus and menu lists) العبها "
رسالة مربع استخدام الخط المستخدم في مربعات الحوار العبها "
شرح-صغيرة استخدام الخط المستخدم لوصفها الضوابط صغيرة العبها "
شريط الحالة استخدام الخطوط المستخدمة في شريط الحالة نافذة العبها "

<كائن قماش