HTML canvas font 属性

HTML5 Canvas مرجع دستاویز

定义和用法

font 属性设置或返回画布上文本内容的当前字体属性。

font 属性使用的语法与 CSS font کا نمیتار相同。

实例

在画布上写一段 40 像素的文本，使用的字体是 "Arial"：

Your browser does not support the canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);

亲自试一试

语法

context.font="italic small-caps bold 12px arial";

属性值

值 描述
font-style

规定字体样式。

  • normal
  • italic
  • oblique
font-variant

规定字体变体。

  • normal
  • small-caps
font-weight

规定字体的粗细。

  • normal
  • bold
  • bolder
  • lighter
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
font-size / line-height فونٹ کی انداز اور پیمانہ، پیسز میں معین کریں.
font-family فونٹ سیریز کا معین کرنا
caption تیٹل کنٹرولس کو مارکر جانے والی فونٹ کا استعمال کریں (مثلاً بٹن، ڈاؤنڈر لسٹ وغیرہ).
icon آئیکن کو مارکر جانے والی فونٹ کا استعمال کریں.
menu منو میں استعمال کی جانے والی فونٹ کا استعمال کریں (ڈاؤنڈر لسٹ اور منو لسٹ).
message-box ڈائیلاگ میں استعمال کی جانے والی فونٹ کا استعمال کریں.
small-caption چھوٹی کنٹرولس کو مارکر جانے والی فونٹ کا استعمال کریں.
status-bar ویندوز کی اسٹیٹس بار میں استعمال کی جانے والی فونٹ کا استعمال کریں.

تکنیکی تفصیلات

مقصد: 10px sans-serif

بھرائی جانے والا براوزر

جداول میں شمارا ت کی گئی نسلیں پہلی بار اس نمیتار کو پورا طور پر دعما رہی ہیں.

کروم ایج فائرفاکس سافری اوپرا
کروم ایج فائرفاکس سافری اوپرا
4.0 9.0 3.6 4.0 10.1

تعلیمات:اینٹرنٹ اکسپلورر 8 اور اس سے پہلے کی نسلیں <canvas> عنصر کو نہیں دعما رہی ہیں。

HTML5 Canvas مرجع دستاویز