-
फ्लेक्स कंटेनर की चौड़ाई जब फ्लेक्स-फ्लो को HTML में कॉलम रैप पर सेट किया जाता है
यदि आपके पास फ्लेक्स ऊंचाई और डिस्प्ले फ्लेक्स वाला कंटेनर है, तो यदि आप चाहते हैं कि बच्चों को कॉलम में रखा जाए तो इसका पालन करें। सेटिंग में बदलाव करें: -webkit-flex-flow: column wrap; और इसके लिए क्रोम अपने आप डिव और बॉर्डर टॉप के बीच स्पेस जोड़ देता है। यदि हम स्वचालित रूप से स्थान नहीं जोड़ना
-
HTML5 SVG css3 फ़िल पर संक्रमण बाहरी लिंक होने पर काम नहीं कर रहा है
यह विज़िट किए गए राज्य के माध्यम से नहीं किया जा सकता है। सबसे अच्छा समाधान यह है कि url में एक यादृच्छिक क्वेरी जोड़ दी जाए ताकि पृष्ठ पर न जाया जा सके। <a href = "http:/demo.com/?foo = <?php echo rand(0, 99998) ?>"Your link</a> इसे जेएस के साथ ऑनक्लिक ईवेंट द्वारा ह
-
HTML5 कैनवास के अंदर एक छवि का भाग बनाएं
यदि आप कैनवास के अंदर किसी छवि का भाग बनाना चाहते हैं, तो छवि ऑनलोड फ़ंक्शन केवल एक बार सक्रिय होता है जब छवि ब्राउज़र में पहली बार लोड होती है। आइए उदाहरण देखें: $(document).ready(function () { var cw1 = 200; var ch1 = 300; var ctx1 = $("#myCanvas")
-
एचटीएमएल 5 में कैनवास रोटेशन के बाद कैनवास पर बिंदु का पता कैसे लगाएं?
जब भी हम कैनवास के साथ काम करते हैं और चाहते हैं कि कैनवास को घुमाया जाए, तो हमें इसके रोटेशन के अनुसार पॉइंट टू ड्रॉ पॉइंट का अनुवाद करना होगा। कैनवास रोटेशन के बाद कैनवास पर बिंदु का पता लगाने के लिए एक रूपांतरण वर्ग बनाया जा सकता है var t = new Transform(); console.log(t.transformPoint(5,6)); //T
-
छवि पर <div> या <span> प्रदर्शित करें :HTML में होवर करें
छवि पर माउस होवर करते समय div या span तत्व को छवि पर प्रकट होने की अनुमति देने के लिए, यह .image:hover overlay, की सहायता से किया जा सकता है मूल तत्व के बिल्कुल सापेक्ष .ओवरले तत्व की स्थिति के लिए हम सभी छवि आकारों के लिए ऊंचाई और चौड़ाई 100% देते हैं जिससे मूल तत्व इनलाइन-ब्लॉक हो जाता है एचटीएमए
-
सर्कल टकराव का पता लगाने HTML5 कैनवास
यदि हम यह जांचना चाहते हैं कि वृत्त एक-दूसरे से टकरा रहे हैं या नहीं, तो एक तरीका यह है कि वृत्तों के दो केंद्रों के बीच की दूरी प्राप्त की जाए और प्रत्येक वृत्त की त्रिज्या को उस दूरी से घटाया जाए हम यह भी जांचते हैं कि दूरी 1 से अधिक है या नहीं। यदि हम इसे 20 मंडलियों के लिए जांचना चाहते हैं, तो
-
HTML5 प्रीलोड विशेषता
HTML5 वीडियो को चलने से पहले लोड होने से रोकने के लिए, प्रीलोड विशेषता का उपयोग करें। आप निम्न कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> <body> <video width = "350" height = "200" controls = "controls"
-
HTML5 आधारित मोबाइल विकास के लिए शीर्ष ढांचे
HTML5 आधारित मोबाइल विकास के लिए कुछ शीर्ष ढांचे निम्नलिखित हैं: 1. केंडो यूआई एक अमूल्य क्रॉस-प्लेटफ़ॉर्म मोबाइल एप्लिकेशन विकसित करने के लिए Kendo UI का उपयोग करें। 2. बूटस्ट्रैप बूटस्ट्रैप HTML, CSS और JS का समर्थन करता है जो प्रतिक्रियाशील लेआउट के साथ मोबाइल एप्लिकेशन विकसित करने की अनुमति दे
-
HTML5 में इनपुट =फ़ाइल का आकार मान्य करें?
आप इनपुट प्रकार फ़ाइल के आकार को सत्यापित करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&
-
HTML5 के साथ वेब ब्राउज़र में किसी अन्य डोमेन से प्रतिबंधित संसाधनों की अनुमति कैसे दें
क्रॉस-ओरिजिनल रिसोर्स शेयरिंग (सीओआरएस) एक ऐसा तंत्र है जो वेब ब्राउज़र में किसी अन्य डोमेन से प्रतिबंधित संसाधनों को अनुमति देता है मान लीजिए, यदि आप html5 डेमो सेक्शन में HTML5- वीडियो प्लेयर पर क्लिक करते हैं। यह कैमरा अनुमति मांगेगा। यदि उपयोगकर्ता अनुमति देता है तो केवल वह कैमरा खोलेगा अन्यथा य
-
HTML में नेस्टेड टेबल का उदाहरण
निम्नलिखित HTML में नेस्टेड तालिका का एक उदाहरण है: उदाहरण <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example</title> </head> <body> &nbs
-
एचटीएमएल कैनवास के साथ वेब पेज को पूरी तरह से कैसे भरें?
कैनवास को पूरे पृष्ठ में भरने के लिए, आपको पृष्ठ की चौड़ाई और ऊंचाई में 100% होना चाहिए। * { मार्जिन:0; पैडिंग:0;}बॉडी, एचटीएमएल {ऊंचाई:100%;}#कैनवास {स्थिति:पूर्ण; ऊंचाई:100%; चौड़ाई:100%;}
-
HTML5 कैनवास में मंडलियों के अंदर एक टेक्स्ट बनाएं
कैनवास में मंडलियों के अंदर पाठ बनाने के लिए, इसका उपयोग करें: context.beginPath(); निम्नलिखित कैनवास है: $("#demo").on("click", "#canvas1", function(event) { var canvas = document.getElementById('canvas1'); if (canvas.getContext) { &n
-
क्रेडेंशियल्स को लोकल स्टोरेज में स्टोर करने की ट्रिक
स्थानीय भंडारण भंडारण के लिए डिज़ाइन किया गया है जो कई विंडो तक फैला है और वर्तमान सत्र से परे रहता है। विशेष रूप से, वेब एप्लिकेशन उपयोगकर्ता डेटा के मेगाबाइट को स्टोर करना चाह सकते हैं, जैसे कि संपूर्ण उपयोगकर्ता-लेखक दस्तावेज़ या उपयोगकर्ता का मेलबॉक्स, क्लाइंट पक्ष पर प्रदर्शन कारणों से। स्थानी
-
क्या ज़ूमिंग को HTML5 से अक्षम किया जा सकता है
प्रतिक्रियाशील डिज़ाइन में ज़ूमिंग क्षमताओं को अक्षम करने के लिए, आपको एक META व्यूपोर्ट टैग बनाना होगा। उसके साथ, उपयोगकर्ता-स्केलेबल प्रॉपर्टी को नहीं पर सेट करें जैसे: user-scalable=no रिस्पॉन्सिव डिज़ाइन में ज़ूमिंग क्षमताओं को अक्षम करने के लिए अपने HTML कोड में निम्नलिखित जोड़ें: <meta name
-
Plupload HTML5 रनटाइम का उपयोग करके सीधे Amazon S3 पर अपलोड करें
Amazon S3 अब क्रॉस-ओरिजिनल रिसोर्स शेयरिंग का समर्थन करता है इसलिए HTML5 अपलोड अब संभव हैं। पहले यह संभव नहीं था। क्रॉस-ओरिजिनल रिसोर्स शेयरिंग (CORS) द्वारा प्लूपलोड को सीधे HTML5 पर अपलोड किया जा सकता है। CORS (क्रॉस-ओरिजिनल रिसोर्स शेयरिंग) की मदद से, समृद्ध क्लाइंट-साइड वेब एप्लिकेशन बनाए जा स
-
क्या उनका HTML5 iframe srcdoc का कोई विकल्प है?
srcdoc विशेषता पृष्ठ की HTML सामग्री को iframe में दिखाने के लिए निर्दिष्ट करती है। HTML टैग का उपयोग इनलाइन फ़्रेम बनाने के लिए किया जाता है। srcdoc का विकल्प विशेषता होगी: var doc = document.querySelector('#demo').contentWindow.document; var content = '<html></html>'
-
HTML5 कैनवास पर बड़ा फ़ॉन्ट कैसे बनाएं?
HTML5 कैनवास में बड़े फ़ॉन्ट को ठीक से खींचने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं: var myCanvas = document.getElementById("myCanvas"); var context = c.getContext("2d"); context.font = '180pt Georgia'; context.strokeStyle = "#FF0000"; context.fil
-
HTML5 में <बहुभुज> टैग के साथ कार्य करना
HTML5 में टैग के साथ काम करने का तरीका जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: <html> <head> <style> #svgelem{ position: relative; &nbs
-
HTML5 के साथ पिछड़ी संगतता
HTML5 को यथासंभव मौजूदा वेब ब्राउज़र के साथ पश्चगामी संगत होने के लिए डिज़ाइन किया गया है। नई सुविधाएं मौजूदा सुविधाओं पर निर्मित होती हैं और आपको पुराने ब्राउज़रों के लिए फ़ॉलबैक सामग्री प्रदान करने की अनुमति देती हैं। जावास्क्रिप्ट की कुछ पंक्तियों का उपयोग करके अलग-अलग HTML5 सुविधाओं के लिए समर्
