Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

HTML5 कैनवास तत्व पर टेक्स्ट की ऊंचाई मापें


टेक्स्ट की ऊंचाई प्राप्त करने के लिए, फ़ॉन्ट को pt -

. में सेट करें
context.font="15pt Calibri";

अब, निम्न की तरह ऊँचाई प्राप्त करें -

var height = parseInt(context.font.match(/\d+/), 10);

ऊपर हमने फॉन्ट साइज को फॉन्ट फेस से अलग करने के लिए मैच का इस्तेमाल किया है।


  1. HTML5 कैनवास परिवर्तन

    HTML5 कैनवास ऐसे तरीके प्रदान करता है जो सीधे रूपांतरण मैट्रिक्स में संशोधन की अनुमति देता है। रूपांतरण मैट्रिक्स प्रारंभ में पहचान परिवर्तन होना चाहिए। फिर इसे रूपांतरण विधियों का उपयोग करके समायोजित किया जा सकता है। उदाहरण आइए कैनवास परिवर्तन का एक उदाहरण देखें: function drawShape(){// DOM वर

  1. HTML5 में कैनवास टैग का उपयोग क्यों करें?

    कैनवास की ऊंचाई निर्दिष्ट करता है। HTML टैग का उपयोग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि को आकर्षित करने के लिए किया जाता है। टैग HTML5 में पेश किया गया है। आइए एक साधारण तत्व को दो विशिष्ट विशेषताओं चौड़ाई और ऊंचाई के साथ सभी मूल HTML5 विशेषताओं जैसे आईडी, नाम और वर्ग आदि के साथ द

  1. मैं आईई में एचटीएमएल 5 कैनवास तत्व का उपयोग कैसे कर सकता हूं?

    excanvas का प्रयोग करें Internet Explorer (IE) में HTML5 कैनवास का उपयोग करने के लिए JavaScript लाइब्रेरी। खुदाई लाइब्रेरी एक ऐड-ऑन है, जो पुराने IE ब्राउज़रों (IE7-8) में HTML5 कैनवास कार्यक्षमता जोड़ देगा। फ़ायरफ़ॉक्स, सफारी और ओपेरा 9 कैनवास टैग को 2D कमांड-आधारित ड्राइंग संचालन की अनुमति देने