कैनवस फ़ॉन्ट गुण

Canvas संदर्भ ग्रंथ

रूपरेखा और उपयोग

font प्रभाव का व्याकरण या फिर वापस करें कैनवस पर टेक्स्ट के वर्तमान फ़ॉन्ट गुण।

font प्रभाव का व्याकरण जैसा है CSS font विशेषतासमान

उदाहरण

कैनवस पर 40 पिक्सल का लेख कीजिए, जिसका फ़ॉन्ट "Arial" है:

आपका ब्राउज़र कैनवस टैग का समर्थन नहीं करता।

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

ब्राउज़र समर्थन

तालिका में नम्बर इस विशेषता को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र संस्करण को दर्शाया गया है。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

टिप्पणी:Internet Explorer 8 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते हैं。

Canvas संदर्भ ग्रंथ