HTML5 Canvas कंपोजिशन एट्रिब्यूट globalCompositeOperation प्रदान करता है जो सभी ड्राइंग ऑपरेशन्स को प्रभावित करता है। <!DOCTYPE HTML> <html> <head> <script> var compositeTypes = [ source-over,source-in,source-out,source-atop,

रैंडमली चलाने के लिए, गाने को इस तरह जोड़ें: init ([ https://demo.com/songs/song1.mp3, https://demo.com/songs/song2.mp3, https://demo.com/songs/song3.mp3 ]); रैंडमली चलाने के लिए Math.random का उपयोग करें: function displayRandom() { var audio = Math.floor(Math.random() * (collec

dragenter dragenter इवेंट का उपयोग यह निर्धारित करने के लिए किया जाता है कि ड्रॉप टारगेट ड्रॉप स्वीकार करेगा या नहीं। यदि ड्रॉप स्वीकार किया जाना है, तो इस इवेंट को रद्द करना होगा। dragover dragover इवेंट का उपयोग यह निर्धारित करने के लिए किया जाता है कि उपयोगकर्ता को क्या फीडबैक दिखाया जाए। यदि इव

JavaScript को सिंगल-थ्रेडेड वातावरण में चलाने के लिए डिज़ाइन किया गया था, जिसका अर्थ है कि एक ही समय में कई स्क्रिप्ट नहीं चल सकतीं। उस स्थिति पर विचार करें जहां आपको UI इवेंट्स को संभालना है, बड़ी मात्रा में API डेटा को क्वेरी और प्रोसेस करना है, और DOM में हेरफेर करना है। उच्च CPU उपयोग की स्थिति

यहां एक वेब वर्कर जावास्क्रिप्ट फ़ाइल में त्रुटि प्रबंधन फ़ंक्शन का उदाहरण है जो त्रुटियों को कंसोल पर लॉग करता है। उदाहरण त्रुटि प्रबंधन कोड के साथ, उपरोक्त उदाहरण निम्नानुसार होगा: <!DOCTYPE HTML> <html> <head> <title>Big for loop</title> <s

आप वेब ब्राउज़र में उपलब्ध वेब वर्कर सुविधा का पता लगाने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE HTML> <html> <head> <title>Big for loop</title> <script src = /js/modernizr-1.5.min.js></script> <script

Modernizr किसी भी नई सुविधा का पता लगाने का एक आसान तरीका प्रदान करता है ताकि आप संबंधित कार्रवाई कर सकें। उदाहरण के लिए, यदि कोई ब्राउज़र वीडियो सुविधा का समर्थन नहीं करता है तो आप एक साधारण पेज प्रदर्शित करना चाहेंगे। आप सुविधा उपलब्धता के आधार पर CSS नियम बना सकते हैं और ये नियम वेबपेज पर स्वचाल

Modernizr एक छोटी JavaScript लाइब्रेरी है जो अगली पीढ़ी की वेब प्रौद्योगिकियों के लिए मूल कार्यान्वयन की उपलब्धता का पता लगाती है। यहां उन विशेषताओं की सूची है जिनका पता Modernizr लगा सकता है: विशेषता CSS प्रॉपर्टी JavaScript जांच @font-face.fontfaceModernizr.fontface Canvas.canvasModernizr.c

HTML में Modernizr का उपयोग करके JavaScript के माध्यम से ऑडियो जैसी सुविधा का पता लगाएं: if (Modernizr.audio) { /* properties for browsers that support audio */ } else{ /* properties for browsers that does not support audio */ }

HTML5 <audio> और <video> टैग्स वेबसाइट पर मीडिया जोड़ना सरल बनाते हैं। आपको मीडिया सोर्स की पहचान करने के लिए src एट्रिब्यूट सेट करना होगा और controls एट्रिब्यूट शामिल करना होगा ताकि उपयोगकर्ता मीडिया को चला और रोक सके। HTML5 वीडियो टैग में नियंत्रण के रूप और विभिन्न कार्यक्षमताओं को नि

वर्तमान HTML5 ड्राफ्ट विनिर्देश यह निर्दिष्ट नहीं करता कि ब्राउज़र्स को वीडियो टैग में किन वीडियो फॉर्मेट्स का समर्थन करना चाहिए। लेकिन सबसे अधिक उपयोग किए जाने वाले वीडियो फॉर्मेट्स हैं: Ogg – Thedora वीडियो कोडेक और Vorbis ऑडियो कोडेक के साथ Ogg फाइलें। mpeg4 – H.264 वीडियो कोडेक और AA

HTML 5 में पेश की गई एक नई सुविधा कस्टम डेटा एट्रिब्यूट्स का जोड़ है। एक कस्टम डेटा एट्रिब्यूट data- से शुरू होता है और आपकी आवश्यकता के आधार पर नामित किया जाएगा। <div class = example data-sports = cricket data-level = complex> ... </div> उपरोक्त दो कस्टम एट्रिब्यूट्स data-subject

इसके लिए, आप SVG <foreignObject> एलिमेंट्स का उपयोग कर सकते हैं। आइए एक उदाहरण देखें: <svg xmlns = https://www.w3.org/2000/svg> <foreignObject x = 0 y = 0 height = 500 width = 500> <body xmlns = https://www.w3.org/1999/xhtml> <p>DEMO</p>

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

नहीं, आप प्रॉम्प्ट को रोक नहीं पाएंगे। यह एक सुरक्षा सुविधा है क्योंकि हर उपयोगकर्ता अपनी लोकेशन साझा करना नहीं चाहेगा। W3C के अनुसार: इस विनिर्देश के अनुरूप कार्यान्वयन को एक ऐसा तंत्र प्रदान करना चाहिए जो उपयोगकर्ता की गोपनीयता की रक्षा करे और यह तंत्र सुनिश्चित करना चाहिए कि इस API के माध्यम से

मान लें कि हमारा <a> निम्नलिखित है, पेज new.html के साथ, <a href=new.html?structure=123>Structure</a> JS होगा: $( document ).on( pageinit, #new, function( event ) { var myParam = $(this).data(url).split(?)[1]; myParam = parameters.replace(structure=,); alert(myParam

शायद, आप innerHTML के साथ += का उपयोग कर रहे हैं। निम्नलिखित प्रयास करें: var myNum = [1,2,3]; var myStr; myStr = ; for( var a in myNum) myStr += + a + ; myStr += ; id(numberList).innerHTML = myStr;

माउस ओवर पर इमेज को स्केल करने के लिए, Vanilla JavaScript लाइब्रेरी का उपयोग करें। माउस मूव पर, इसे निम्नानुसार सेट करें: function move(e) { var pos = getMousePos(myCanvas, e); context.drawImage(img, -pos.x, -pos.y, img.width, img.height); } Canvas के लिए: //add event listener we need m

सभी ड्रैग एंड ड्रॉप इवेंट्स के लिए इवेंट लिसनर मेथड्स Event ऑब्जेक्ट स्वीकार करते हैं जिसमें एक रीड-ओनली एट्रिब्यूट होता है जिसे dataTransfer कहा जाता है। event.dataTransfer इवेंट से जुड़े DataTransfer ऑब्जेक्ट को निम्नानुसार लौटाता है: function EnterHandler(event) { DataTransfer dt = event.da

ड्रॉप स्वीकार करने के लिए, ड्रॉप टारगेट को कम से कम तीन इवेंट्स सुनने होंगे।  dragenter इवेंट, जिसका उपयोग यह निर्धारित करने के लिए किया जाता है कि ड्रॉप टारगेट ड्रॉप स्वीकार करेगा या नहीं। यदि ड्रॉप स्वीकार किया जाना है, तो इस इवेंट को रद्द करना होगा।  dragover इवेंट, जिसका उपयोग यह निर