माउस इवेंट हैंडलिंग HTML5 Canvas के साथ mousedown और mouseup इवेंट को हैंडल करने के लिए: var mouseDown = false; // mousedown के लिए canvas1.onmousedown = function(event){ dragOffset.x = event.x - mainLayer.trans.x; dragOffset.y = event.y - mainLayer.trans.y; mouseDown = true; } // mou

टेक्स्ट ऊंचाई मापना टेक्स्ट ऊंचाई प्राप्त करने के लिए, फॉन्ट को pt में सेट करें: context.font = 15pt Calibri; अब, निम्नानुसार ऊंचाई प्राप्त करें: var height = parseInt(context.font.match(/\d+/), 10); ऊपर हमने फॉन्ट साइज को फॉन्ट फेस से अलग करने के लिए मैच का उपयोग किया है। बेहतर दृष्टिकोण: सटीक

मैप पर एक्यूरेसी सर्कल HTML5 जियोलोकेशन एक्यूरेसी को Google Map पर प्रदर्शित करने के लिए, निम्नलिखित कोड का उपयोग करें: var lat = position.coords.latitude; var longitude = position.coords.longitude; var accuracy = position.coords.accuracy; var center = new google.maps.LatLng(lat, longitude); var a

Blob.slice() मेथड HTML5 फ़ाइल Blob.slice() मेथड एक Blob ऑब्जेक्ट बनाने के लिए उपयोगी है जिसमें डेटा होता है। यह डेटा स्रोत Blob के बाइट्स की निर्दिष्ट रेंज में होता है। उदाहरण: slice() का उपयोग करके बाइनरी डेटा भेजना और प्राप्त करना यह उदाहरण एक टेक्स्ट भेजता है और फ़ाइल को सर्वर पर भेजने के लिए PO

Canvas के साथ 3D स्फीयर 3D स्फीयर बनाने के लिए, HTML5 Canvas का उपयोग करें। आप अपने कोड में निम्नलिखित फ़ंक्शन का उपयोग कर सकते हैं: function display(r) { this.point = new Array(); this.color = blue; this.r = (typeof(r) == undefined) ? 20.0 : r; this.r = (typeof(r) != number) ? 20.0

bxSlider फिक्स इसे काम करने के लिए, आधिकारिक वेबसाइट से bxSlider प्लगइन डाउनलोड करें। डाउनलोड किए गए bxSlider zip से एक इमेजेस फोल्डर प्राप्त करें और आपको इसे अपने प्रोजेक्ट के js फोल्डर में पेस्ट करने की आवश्यकता है। सभी फोल्डर अब इस तरह दिखेंगे: <link rel=stylesheet href=js/jquery.bxslider.css

Android WebView फिक्स इस समस्या को हल करने के लिए, नीचे दिए गए चरणों का पालन करें: 4.4 से कम Android संस्करणों के लिए, डेटा को फाइल स्कीम के साथ एक डायरेक्टरी के रूप में webview में लोड करना जैसे यह काम नहीं करेगा: browser.loadDataWithBaseUrl(file:///android_asset/, html, text/html, UTF-8, null);

CDN कॉन्फिगरेशन अपने उद्देश्य के लिए किसी भी CDN का उपयोग करें। आप अपने उपयोगकर्ताओं और CDN के बीच रिवर्स प्रॉक्सी के रूप में CloudFlare का उपयोग करके अपने उद्देश्य को पूरा कर सकते हैं। आप एक नियम भी बना सकते हैं जो जो भी आप चाहते हैं उसे index.html पर रीडायरेक्ट करता है। यह है कि आप CDN को कॉन्फ़ि

SVG के साथ साइन वेव्स SVG के साथ साइन वेव्स ड्रॉ करने के लिए, निम्नलिखित का उपयोग करें जो आधी साइन वेव का बारीकी से अनुमान लगाता है। मैंने क्यूबिक-बेजियर अनुमान का उपयोग किया है। <path> एलिमेंट का उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <title>SVG</ti

SVG सेंटरिंग SVG का मतलब स्केलेबल वेक्टर ग्राफिक्स है और यह XML में 2D-ग्राफिक्स और ग्राफिकल एप्लिकेशन का वर्णन करने के लिए एक भाषा है और XML को फिर SVG व्यूअर द्वारा रेंडर किया जाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #svgelem { position: re

नीचे-केंद्र से रोटेशन इमेज डायमेंशन को 32, 120 पर ट्रांसलेट करें: context.translate(32, 120); अब Canvas घुमाएं: context.rotate(90 * Math.PI/180); अब इमेज ड्रॉ करें: context.drawImage(img, -32, -120, 64, 120); यह ट्रांसफॉर्मेशन मूल बिंदु को इमेज के नीचे-केंद्र पर ले जाता है, घुमाता है, फिर ड्रॉ

IE11 में <main> एलिमेंट सपोर्ट Internet Explorer 11 <main> एलिमेंट का समर्थन नहीं करता। Modernizr या निम्नलिखित JS का उपयोग करके सपोर्ट जोड़ें: document.createElement(main); उपरोक्त एलिमेंट जोड़ने से आपको ब्राउज़र के लिए एलिमेंट नहीं मिलेगा, इसलिए आपको अंततः निम्नलिखित CSS का उपयोग कर

preload=auto का उपयोग एक ही पेज पर HTML वीडियो के बार-बार रीलोड होने से बचने के लिए preload=auto का उपयोग करें: <!DOCTYPE html> <html> <body> <video width=350 height=200 controls=controls preload=auto> <source src=movie.mp4 type=video/mp4 /> <sourc

Web Workers अवलोकन Web Workers लंबे समय तक चलने वाली स्क्रिप्ट्स की अनुमति देते हैं जो क्लिक या अन्य उपयोगकर्ता इंटरैक्शन का जवाब देने वाली स्क्रिप्ट्स द्वारा बाधित नहीं होती हैं और पेज को रिस्पॉन्सिव रखने के लिए लंबे कार्यों को यील्ड किए बिना निष्पादित करने की अनुमति देती हैं। Web Workers बैकग्राउ

सुरक्षित क्रेडेंशियल स्टोरेज लोकल स्टोरेज कई विंडोज़ तक फैले स्टोरेज के लिए डिज़ाइन किया गया है और वर्तमान सत्र से परे रहता है। विशेष रूप से, वेब एप्लिकेशन प्रदर्शन कारणों से क्लाइंट साइड पर मेगाबाइट्स उपयोगकर्ता डेटा स्टोर करना चाह सकते हैं, जैसे पूरे उपयोगकर्ता-लिखित दस्तावेज़ या उपयोगकर्ता का मेल

HTML पार्सिंग व्यवहार आधिकारिक HTML दस्तावेज़ीकरण बताता है कि यदि क्लोजिंग p यानी </p> को मौजूदा </p> टैग से मिलान नहीं किया जा सकता है तो आपको एक <p> एलिमेंट बनाने की आवश्यकता है। HTML4 DTD बताता है कि p एलिमेंट के लिए एंड टैग </p> वैकल्पिक है, लेकिन स्टार्ट टैग <p> आ

ब्राउज़र-नेटिव वैलिडेशन UI HTML5 क्लाइंट-साइड वैलिडेशन एरर बबल्स प्रदर्शित करने के लिए, required एट्रिब्यूट का उपयोग करें। आपको क्लाइंट-साइड वैलिडेशन के लिए JavaScript की आवश्यकता नहीं है जैसे खाली टेक्स्ट बॉक्स कभी सबमिट नहीं होगा क्योंकि HTML5 ने required नामक एक नया एट्रिब्यूट पेश किया जिसका उपय

इमेज प्रीव्यू अपलोड से पहले और बाद में इमेज प्रीव्यू करने के लिए, आपको निम्नलिखित कोड आज़माने की आवश्यकता है: HTML <script src=https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js></script> <form id=form1 runat=server> <input type=file id=demo /> <img id=m

ज़ूम अक्षम करना रिस्पॉन्सिव डिज़ाइन में ज़ूमिंग क्षमताओं को अक्षम करने के लिए, आपको एक META व्यूपोर्ट टैग बनाने की आवश्यकता है। उसके साथ, user-scalable प्रॉपर्टी को no पर सेट करें जैसे: user-scalable=no अपने HTML कोड में निम्नलिखित जोड़ें ताकि रिस्पॉन्सिव डिज़ाइन में ज़ूमिंग क्षमताओं को अक्षम किय

Firefox वीडियो समस्या निवारण HTML5 वीडियो Firefox वेब ब्राउज़र में काम करना चाहिए। यदि यह अभी भी काम नहीं कर रहा है, तो निम्नलिखित आज़माएं: किसी एक्सटेंशन के कारण समस्या है या नहीं, यह जांचने के लिए Firefox को Safe Mode में शुरू करें। Extensions तक पहुंचने के लिए, Firefox/Tools > Add-ons >