Canvas स्टेट मैनेजमेंट HTML5 Canvas Canvas स्टेट्स को सेव और रिस्टोर करने के लिए दो महत्वपूर्ण मेथड्स प्रदान करता है। Canvas स्टेट्स हर बार सेव मेथड कॉल होने पर एक स्टैक पर स्टोर होते हैं, और हर बार रिस्टोर मेथड कॉल होने पर स्टैक से अंतिम सेव्ड स्टेट लौटाया जाता है। Sr.No. मेथड और विवरण 1 s

CSS सर्कल एनिमेशन पारदर्शी बैकग्राउंड और बॉर्डर-रेडियस के साथ सर्कल ड्रॉ करने के लिए, निम्नलिखित CSS का उपयोग करें: body { background: repeating-linear-gradient(45deg, white 0px, green 100px); height: 400px; background-size: 400px 400px; background-repeat: no-repeat; } html { he

WAV प्लेबैक फिक्स iOS Safari पर WAV फ़ाइल चलाने के लिए, कंटेंट-रेंज हेडर जोड़ें। हेडर्स WAV फ़ाइल को चलाने की अनुमति देंगे: Content-Range: bytes XX-XX/XX Content-Type: audio/wav Content-Disposition: attachment; filename=new.WAV Content-Length: XX ऊपर, new.WAV हमारी WAV फ़ाइल है। iOS Safari को WA

CSS शेप्स CSS3 के साथ, आप हमेशा आयत, त्रिकोण आदि जैसे आकार बना सकते हैं। आयत #shape1 { width: 300px; height: 150px; background: blue; } त्रिकोण #shape2 { width: 0; height: 0; border-left: 200px solid transparent; border-bottom: 200px solid blue; } CSS बॉर्डर ट्रिक्स

टच इवेंट हैंडलिंग touchstart इवेंट तब फायर होता है जब टचपॉइंट टच सतह पर स्थित होता है। टचमूव पॉइंटर इवेंट्स के लिए addEventListener() का उपयोग करें: overlay.addEventListener(touchstart, function(ev){ ev.preventDefault(); }); यहां, हमने preventDefault() मेथड का भी उपयोग किया है। preventDefault

WebView MP4 प्लेबैक WebView में MP4 वीडियो चलाने के लिए, आपको पहले Manifest में कंटेंट प्रोवाइडर घोषित करने की आवश्यकता है: <provider android:name=MyDataContentProvider android:authorities=com.myapp /> open() मेथड के साथ ओपन फ़ाइल इम्प्लीमेंट करें URI myURL = URI.create(file:///mypath/new.m

एंटर की डिटेक्शन HTML के साथ jQuery का उपयोग करके इसे प्राप्त करें और ENTER दबाने के बाद फायर करें: उदाहरण <!DOCTYPE html> <html> <head> <script src=https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js></script> <script> $(document).re

HTML फॉर्म निर्माण HTML के साथ फॉर्म बनाने के लिए, हम निम्नलिखित का उपयोग करते हैं: <form action= method=get> Details:<br><br> Student Name<br><input type=name name=sname><br> Exam Date and Time<br><input type=datetime-local name=datetime><br

ट्रांसफॉर्मेशन मैट्रिक्स HTML5 Canvas उन मेथड्स को प्रदान करता है जो ट्रांसफॉर्मेशन मैट्रिक्स में सीधे संशोधन की अनुमति देते हैं। ट्रांसफॉर्मेशन मैट्रिक्स प्रारंभ में आइडेंटिटी ट्रांसफॉर्म होना चाहिए। इसे फिर ट्रांसफॉर्मेशन मेथड्स का उपयोग करके समायोजित किया जा सकता है। उदाहरण <!DOCTYPE HTML>

Canvas स्केलिंग HTML5 Canvas scale(x, y) मेथड प्रदान करता है जिसका उपयोग हमारे Canvas ग्रिड में यूनिट्स को बढ़ाने या घटाने के लिए किया जाता है। इसका उपयोग स्केल्ड डाउन या बड़ी आकृतियों और बिटमैप्स को ड्रॉ करने के लिए किया जा सकता है। यह मेथड दो पैरामीटर लेता है जहां x क्षैतिज दिशा में स्केल फैक्टर

ग्लोबल कम्पोजिट ऑपरेशन HTML5 Canvas globalCompositeOperation कम्पोजिटिंग एट्रिब्यूट प्रदान करता है जो सभी ड्रॉइंग ऑपरेशन्स को प्रभावित करता है। उदाहरण हम globalCompositeOperation एट्रिब्यूट का उपयोग करके नई आकृतियों को मौजूदा आकृतियों के पीछे ड्रॉ कर सकते हैं और कुछ क्षेत्रों को मास्क कर सकते हैं,

CORS समस्या यह एक क्रॉस-ओरिजिन रिसोर्स शेयरिंग (CORS) समस्या हो सकती है। video.crossOrigin = anonymous; CORS सक्षम करें क्रॉस-ओरिजिन रिसोर्स शेयरिंग सक्षम करने के लिए, निम्नलिखित उपयोग करें। यह इमेजेस को इमेज रिस्पांस के साथ HTTP हेडर पास करने की अनुमति देता है। Access-Control-Allow-Origin: * H

Firefox नंबर इनपुट लिमिटेशन input type=number का min एट्रिब्यूट Firefox द्वारा समर्थित नहीं है, लेकिन यह Google Chrome में सही ढंग से काम करता है। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML input number</title> </head> </body> <form a

पॉइंटर इवेंट्स क्लिक इवेंट में माउस निर्देशांक प्राप्त करें। अब, अपने ओवरले को छिपाकर एलिमेंट प्राप्त करें, और निम्नलिखित का उपयोग करें। उसके बाद, ओवरले को फिर से प्रदर्शित करें: document.elementFromPoint(x, y) CSS दृष्टिकोण आप निम्नलिखित CSS का भी उपयोग कर सकते हैं: div { pointer-events: non

translate() मेथड Canvas को ट्रांसलेट करने के लिए translate() मेथड का उपयोग करें। HTML5 Canvas एक translate(x, y) मेथड प्रदान करता है जिसका उपयोग Canvas और इसके मूल बिंदु को ग्रिड में एक अलग बिंदु पर ले जाने के लिए किया जाता है। यहां आर्ग्युमेंट x वह मात्रा है जितना Canvas को बाएं या दाएं ले जाया जा

Canvas विकृति ठीक करना यदि Canvas विकृत दिखता है, तो ऊंचाई और चौड़ाई बदलने का प्रयास करें: <canvas id=canvas1 width=400 height=300></canvas> HTML5 में Canvas की डिफ़ॉल्ट ऊंचाई और चौड़ाई 2/1 अनुपात की होती है: width = 300 height = 150 उदाहरण <!DOCTYPE HTML> <html> <h

नंबर इनपुट स्टाइलिंग input type=number को स्टाइल करने के लिए, निम्नलिखित CSS का उपयोग करें: input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } उपरोक्त स्पिनर के बिना दिखाता है। स्पिनर दिखाने और स्टाइल करने के लिए input[type=number]::-webkit-inner-spin-button { op

tel: प्रोटोकॉल सपोर्ट tel: प्रोटोकॉल आजकल लगभग हर मोबाइल डिवाइस द्वारा समर्थित है। इसमें iOS पर Safari, Android ब्राउज़र, Symbian ब्राउज़र, Opera Mini, आदि शामिल हैं। इसे ऐसे जोड़ें if (/(HTC825)/i.test(navigator.userAgent)){ $(a[href^=tel:]).each(function(){ this.href = this.href.repla

TimeRanges ऑब्जेक्ट HTML में समय की नॉन-ओवरलैपिंग रेंज की सीरीज सेट करने के लिए TimeRanges ऑब्जेक्ट का उपयोग करें। आप शुरुआत और रुकने का समय भी सेट कर सकते हैं। गुण length - समय रेंज की लंबाई start(index) - प्रारंभ समय, सेकंड में end(index) - अंत समय, सेकंड में बफरिंग दिखाने वाला कोड स्निपेट //

iframe पोजिशनिंग समस्या iFrames रिप्लेस्ड एलिमेंट्स हैं और नॉन-रिप्लेस्ड एलिमेंट्स से अलग माने जाते हैं। <div> एलिमेंट एक नॉन-रिप्लेस्ड एलिमेंट है। उसी परिणाम को प्राप्त करने के लिए यानी iframe में लेफ्ट/राइट या टॉप/बॉटम दोनों सेट करने के लिए, एक div को रैपर के रूप में उपयोग करें जिसमें एब्सो