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

HTML5 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> एलीमेंट को समर्थन नहीं देते हैं。

HTML5 Canvas संदर्भ दस्तावेज़