एचटीएमएल संदर्भ

वर्णमाला द्वारा HTML श्रेणी के अनुसार HTML एचटीएमएल ब्राउज़र समर्थन एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल कैरेक्टर सेट एचटीएमएल सिद्धांत एचटीएमएल यूआरएल एनकोड एचटीएमएल भाषा कोड एचटीएमएल देश कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग


HTML कैनवास मापपाठ () विधि

❮ HTML कैनवास संदर्भ

उदाहरण

पाठ को कैनवास पर लिखने से पहले उसकी चौड़ाई की जाँच करें:

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

जावास्क्रिप्ट:

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);

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

तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से विधि का समर्थन करता है।

Method
measureText() Yes 9.0 Yes Yes Yes

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

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

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

जावास्क्रिप्ट सिंटैक्स: संदर्भ । माप पाठ ( पाठ )। चौड़ाई;

पैरामीटर मान

Parameter Description Play it
text The text to be measured

❮ HTML कैनवास संदर्भ