Canvas से चार्ट क्लियर करना Canvas से चार्ट क्लियर करने के लिए, <canvas> एलिमेंट को डिलीट करें और फिर पैरेंट कंटेनर में एक नया <canvas> एलिमेंट जोड़ें: var resetCanvas = function(){ $(#results-graph).remove(); $(#graph-container).append(<canvas id=results-graph></canvas

Canvas पर ग्रिड ड्रॉ करना नीचे दिए गए उदाहरण में, हमने पहले ग्रिड की चौड़ाई और ऊंचाई परिभाषित की। फिर हम canvas का आकार परिभाषित कर रहे हैं और ग्रिड को canvas में ड्रॉ कर रहे हैं। // हम ग्रिड की चौड़ाई और ऊंचाई सेट कर रहे हैं var grid_w = 200; var grid_h = 200; // हम ग्रिड के चारों ओर पैडिंग सेट क

JavaScript के साथ प्लेलिस्ट कार्यान्वयन प्लेलिस्ट जोड़ने के लिए HTML के साथ JavaScript का उपयोग करें। onended इवेंट तब फायर होता है जब ऑडियो/वीडियो अंत तक पहुंच जाता है। आप Thank you for watching, Stay tuned! जैसे संदेश जोड़ सकते हैं। उदाहरण: onended इवेंट <!DOCTYPE HTML> <html> <b

थर्ड-पार्टी सॉफ्टवेयर का उपयोग वीडियो को OGG या MP4 में कनवर्ट करने के लिए, आपको Free HTML5 Video Player And Converter जैसे थर्ड-पार्टी सॉफ्टवेयर का उपयोग करने की आवश्यकता है। चरण इसे लॉन्च करें और इनपुट वीडियो फ़ाइलें चुनें निम्नलिखित प्रारूपों में से किसी में फ़ाइलें जोड़ें: *.avi; *.ivf; *.div;

बैकग्राउंड वीडियो सेटअप वीडियो चलाने या रोकने के लिए एक बटन जोड़ें। फिर हमने वीडियो को 100% ऊंचाई और चौड़ाई के लिए स्टाइल किया है ताकि यह पूरे बैकग्राउंड को कवर करे। HTML5 में साइट बैकग्राउंड के रूप में वीडियो सेट करने का कोड स्निपेट <video autoplay muted loop id=myVideo> <source src=dem

Web Audio API Web Audio API का उपयोग ऑडियो को नियंत्रित करने के लिए किया जाता है, जो आपको ऑडियो स्रोतों को चुनने की अनुमति देता है। आप प्रभाव भी जोड़ सकते हैं; ऑडियो विज़ुअलाइज़ेशन, पैनिंग आदि बना सकते हैं। उदाहरण: साउंड जनरेट करना निम्नलिखित कोड स्निपेट को आज़माएं साउंड जनरेट करने के लिए: // प्रति

accept एट्रिब्यूट HTML में सर्वर द्वारा स्वीकार की जाने वाली फ़ाइल प्रकारों को सेट करने के लिए accept एट्रिब्यूट का उपयोग करें। इस एट्रिब्यूट का उपयोग केवल <input type=file> के साथ करें। उदाहरण <!DOCTYPE html> <html> <head> <title>File Upload Box</title>

HTML5 फ़ाइल API क्षमताएं HTML5 हमें स्थानीय क्लाइंट फ़ाइलों (स्थानीय क्लाइंट फ़ाइलें वे फ़ाइलें हैं जो उपयोगकर्ता के कंप्यूटर में स्थानीय रूप से संग्रहीत हैं) के साथ इंटरैक्ट करने की अनुमति देती है। यह संभव है क्योंकि HTML5 शक्तिशाली APIs (एप्लिकेशन प्रोग्रामिंग इंटरफेस) प्रदान करता है जो ऐसे इंटरफे

मेटा टैग्स को कस्टमाइज़ करना मेटा टैग्स का उपयोग HTML दस्तावेज़ों के बारे में डेटा स्टोर करने के लिए किया जाता है जैसे कि इसे किसने लिखा और दस्तावेज़ का विवरण। सबसे अच्छा समाधान एप्लिकेशन में डिफ़ॉल्ट टैग्स को परिभाषित करना और व्यू में डिफ़ॉल्ट पैरामीटर्स को ओवरराइट करना है। हम इसे PHP में कर सकते ह

Canvas क्या है? Canvas HTML पेज पर सिर्फ एक आयताकार क्षेत्र है। हम JavaScript की मदद से इस आयताकार क्षेत्र (Canvas) में ग्राफिक्स बना सकते हैं। HTML5 में Canvas बनाना <canvas id=canvas1 width=250 height=150></canvas> यह canvas1 नाम से चौड़ाई=250 और ऊंचाई=150 के साथ एक खाली canvas बनाता

HTML5 वीडियो लूपिंग <video> टैग वीडियो निर्दिष्ट करता है। वर्तमान में, <video> एलिमेंट के लिए 3 समर्थित वीडियो प्रारूप हैं: MP4, WebM, और Ogg। autoplay का उपयोग वीडियो और पेज लोड होने पर वीडियो शुरू करने के लिए किया जाता है। loop एट्रिब्यूट एक बूलियन एट्रिब्यूट है। जब मौजूद होता है, तो

समस्या <input> एलिमेंट्स टाइप डेट उपयोगकर्ता को टेक्स्ट बॉक्स या डेट पिकर का उपयोग करके तारीख दर्ज करने की अनुमति देते हैं। ng-model डायरेक्टिव के साथ, AngularJS एप्लिकेशन डेटा के मान HTML इनपुट कंट्रोल्स से बंधे होते हैं। Firefox वर्तमान में type=date का समर्थन नहीं करता। यह सभी मानों को स्ट्

Facelets और HTML संगतता Facelets, JavaServer Faces (JSF) के लिए एक ओपन-सोर्स वेब टेम्पलेट सिस्टम है। इस भाषा को काम करने के लिए वैध इनपुट XML दस्तावेज़ों की आवश्यकता होती है। Facelets सभी JSF UI घटकों का समर्थन करता है और JSF घटक ट्री के निर्माण पर पूरी तरह से केंद्रित है, जो JSF एप्लिकेशन के लिए व्

Linux शेल में FFmpeg का उपयोग करके वीडियो कनवर्ट करना Linux शेल का उपयोग करके FFmpeg के साथ HTML5 वीडियो के लिए उचित प्रारूपों में वीडियो कनवर्ट करें। MP4 में कनवर्ट करना (अधिकतम संगतता) MP4 में कनवर्ट करते समय, आप h264 वीडियो कोडेक और aac ऑडियो कोडेक का उपयोग करना चाहते हैं क्योंकि IE11 और पहले के

बूलियन एट्रिब्यूट्स की समझ W3C के अनुसार: autofocus एट्रिब्यूट एक बूलियन एट्रिब्यूट है। एक एलिमेंट पर बूलियन एट्रिब्यूट की उपस्थिति सत्य मान को दर्शाती है, और एट्रिब्यूट की अनुपस्थिति असत्य मान को दर्शाती है। यदि एट्रिब्यूट मौजूद है, तो उसका मान या तो खाली स्ट्रिंग होना चाहिए या एट्रिब्यूट के विहित

Apple Touch Icon क्या है? iPhone या iPad पर वेब पेज आइकन के लिए, Apple Touch Icon या apple-touch-icon.png फ़ाइल का उपयोग करें। जब कोई आपके वेब पेज को बुकमार्क के रूप में जोड़ता है तो इस आइकन का उपयोग किया जाता है। एकाधिक डिवाइस रिज़ॉल्यूशन के लिए आइकन iPhone या iPad जैसे विभिन्न डिवाइस रिज़ॉल्यूशन

HTML5 डेट पिकर स्टाइलिंग HTML5 में डेट पिकर एक कैलेंडर की तरह पॉपअप दिखाता है। यह महीनों और वर्षों के चयन के समान है और यह तारीख जोड़ता है। पॉपअप को कस्टमाइज़ करना आप पॉपअप को कस्टमाइज़ कर सकते हैं और बैकग्राउंड कलर भी जोड़ सकते हैं। HTML डेट पिकर के लिए स्टाइल विकल्प जोड़ने के लिए निम्नलिखित कोड आ

autofocus एट्रिब्यूट का उपयोग पेज लोड होने पर टेक्स्ट बॉक्स में कर्सर रखने के लिए autofocus एट्रिब्यूट का उपयोग करें। autofocus एक बूलियन एट्रिब्यूट है। जब मौजूद होता है, तो यह निर्दिष्ट करता है कि एक <input> एलिमेंट को पेज लोड होने पर स्वचालित रूप से फोकस मिलना चाहिए। उदाहरण <!DOCTYPE htm

Canvas ज़ूमिंग की मूल अवधारणा Canvas हमेशा अपने वर्तमान मूल बिंदु (origin) से स्केल होता है। डिफ़ॉल्ट मूल बिंदु [0,0] होता है। यदि आप किसी अन्य बिंदु से स्केल करना चाहते हैं, तो आप पहले ctx.translate(desiredX, desiredY) कर सकते हैं। यह canvas के मूल बिंदु को [desiredX, desiredY] पर रीसेट कर देगा। म

ब्राउज़र-टू-ब्राउज़र कनेक्शन के लिए चरण HTML में पीयर-टू-पीयर कनेक्शन स्थापित करने के लिए निम्नलिखित चरणों का पालन करें: 1. आवश्यक लाइब्रेरी शामिल करें <script src=https://cdn.peerjs.com/0.3/peer.js></script> 2. एक पीयर बनाएं पीयर बनाने के लिए, आपको एक मुफ्त API कुंजी की आवश्यकता होगी