HTML कैनवस measureText() विधि

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

परिभाषा और उपयोग

measureText() यह विधि एक ऑब्जैक्ट वापस देती है जो पिक्सल में निर्दिष्ट फ़ॉन्ट की चौड़ाई को शामिल करती है。

सूचना:यदि आप पाठ को कैनवस पर उत्पादित करने से पहले पाठ की चौड़ाई को जानना चाहते हैं, तो इस विधि का उपयोग करें。

उदाहरण

कैनवस पर पाठ उत्पादित करने से पहले फ़ॉन्ट की चौड़ाई की जाँच करें:

आपका ब्राउज़र HTML5 कैनवस टैग को सहारा नहीं देता है。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World"
ctx.fillText("width:" + ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);

अपने आप से प्रयोग करें

व्याकरण

context.measureText(text).width;

पारामीटर का मूल्य

पारामीटर वर्णन
text मापने वाला लेख

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

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

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 संदर्भ दस्तावेज