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

जावास्क्रिप्ट के साथ टेक्स्ट चौड़ाई कैलकुलेट करें।


टेक्स्ट चौड़ाई कैलकुलेट करने के लिए, जावास्क्रिप्ट में Canvas.measureText() मेथड का उपयोग करें। टेक्स्ट चौड़ाई प्राप्त करने के लिए निम्न कोड चलाकर देखें:

उदाहरण

<!DOCTYPE html> <html>    <head>    </head>    <body>       <script>          function displayTextWidth(text, font) {             var myCanvas = displayTextWidth.canvas || (displayTextWidth.canvas = document.createElement("canvas"));             var context = myCanvas.getContext("2d");             context.font = font;                         var metrics = context.measureText(text);             return metrics.width;          };          document.write("टेक्स्ट चौड़ाई: "+displayTextWidth("यह डेमो टेक्स्ट है!", "italic 18pt verdana")); //       </script>    </body> </html>

  1. जावास्क्रिप्ट से विशिष्ट टेक्स्ट वाले div को कैसे छुपाएं? जावास्क्रिप्ट से विशिष्ट टेक्स्ट वाले div को कैसे छुपाएं?

    परिचय किसी विशिष्ट टेक्स्ट वाले div एलिमेंट को छुपाने के लिए, हम getElementsByClassName() का उपयोग करके एलिमेंट्स का चयन कर सकते हैं, उन पर पुनरावृति कर सकते हैं, और शर्त के आधार पर style.display = none सेट कर सकते हैं। उदाहरण <!DOCTYPE html> <html lang="hi"> <head> <

  1. क्या JavaScript से टेक्स्ट बॉक्स को सेलेक्ट करना संभव है? क्या JavaScript से टेक्स्ट बॉक्स को सेलेक्ट करना संभव है?

    हां, JavaScript में select() मेथड का उपयोग करके टेक्स्ट बॉक्स (इनपुट फ़ील्ड) का टेक्स्ट प्रोग्रामेटिकली सेलेक्ट कर सकते हैं। बुनियादी उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.

  1. JavaScript से <strong> टैग में टेक्स्ट कैसे सेट करें? JavaScript से <strong> टैग में टेक्स्ट कैसे सेट करें?

    उदाहरण सबसे पहले <strong> एलिमेंट सेट करें: <strong id=strongDemo>Replace This strong tag</strong> आईडी का उपयोग करके jQuery से टेक्स्ट सेट करें: $(document).ready(function(){ $(#strongDemo).html(Actual value of 5+10 is 15.....); }); पूरा HTML कोड: <!DOCTYPE html> <