-
HTML5 कैनवास एलिमेंट पर ड्रॉ की गई इमेज का रंग बदलें
HTML5 कैनवास एलिमेंट पर ड्रॉ की गई इमेज का रंग बदलने के लिए, आप निम्नलिखित कोड चलाने का प्रयास कर सकते हैं। drawImage() मेथड का उपयोग करें: function display(img1, red, gr, bl) { //इमेज का रंग बदलने के लिए फंक्शन var canvas1 = document.createElement(canvas);//कैनवास एलिमेंट इनिशियलाइज़
-
HTML5 में फ्लेक्सबॉक्स में एलिमेंट्स के बीच अज्ञात गैप को हल करें
फ्लेक्सबॉक्स में एलिमेंट्स के बीच अज्ञात गैप हेडर के मार्जिन के बार डिवीजन में पतन के कारण होते हैं। इसे हल करने के लिए: या तो हेडर के लिए मार्जिन को 0 पर रीसेट करें या बार में बॉर्डर जोड़ें। बार में पैडिंग प्रॉपर्टी padding: 10px जोड़कर पैडिंग की जा सकती है। अज्ञात गैप समस्या को हल करने के लिए न
-
HTML में रेजर Html.DropDownListFor() के पेजलोड पर कौन सा विकल्प चुना गया है, यह चुनें
रेजर Html.DropDownListFor() के पेजलोड पर कौन सा विकल्प चुना गया है, यह तय करने के लिए शॉर्टहैंड का उपयोग किया जाता है। आप निम्नलिखित कोड स्निपेट चलाने का प्रयास कर सकते हैं: // बूलियन मान लौटाएं @Html.DropDownListFor(m => m.Valeur, new List< SelectListItem > { //नया सूची आइटम list item1 उत
-
HTML5 कैनवास पर मल्टीपल क्लिक इवेंट का उपयोग कैसे करें?
जब कैनवास पर एक सर्कल ड्रॉ किया जाता है और हम आधे पर लाल रंग और सर्कल के एक हिस्से पर ग्रे रंग डालते हैं, तो लाल रंग पर क्लिक करने पर हम function1 को कॉल करते हैं। ग्रे भाग पर क्लिक करने पर, function 2 को कॉल किया जाता है और हमें विभिन्न भागों को स्टोर करने के लिए पुन: प्रयोज्य पथ ऑब्जेक्ट्स का उपय
-
HTML5 कैनवास और JS लाइब्रेरी में सेलेक्ट/ड्रैग-एंड-ड्रॉप फीचर
यदि आप HTML5 कैनवास का उपयोग आकृतियाँ, टेक्स्ट और कर्व्स ड्रॉ करने के लिए करना चाहते हैं और साथ ही पारंपरिक DOM इवेंट्स जैसे onClick या ड्रैग एंड ड्रॉप फ़ंक्शन अटैच करना चाहते हैं, तो ड्रैग एंड ड्रॉप या टच इवेंट करने के लिए एक क्रॉसबार फ्रेमवर्क Raphael का उपयोग किया जाता है। यह तकनीक पुराने IE संस
-
HTML में CSS स्टाइल को ID एलिमेंट पर लागू करना जब नाम की शुरुआत समान हो और अंत भिन्न हो
पोस्ट को id=post वाले div का उपयोग करके चुना जा सकता है। यह उन सभी div एलिमेंट्स को चुनेगा जिनके id में कोट्स में कोई मान होता है। हम या तो उपयोग कर सकते हैं: div[id*=post-] { ... } or div[id^=post-] { ... }. div[id*=post-] { ... } उन सभी div एलिमेंट्स को चुनेगा जिनके id में कोट्स में सभी मान हैं।
-
HTML5 कैनवास में आर्क के प्रारंभ कोण और अंत कोण क्या हैं?
arc() फ़ंक्शन की निम्नलिखित परिभाषा है जो प्रारंभ और अंत कोण के उपयोग को दर्शाती है: arc(x, y, radius, startAngle, endAngle, anticlockwise) इस मेथड में निम्नलिखित पैरामीटर हैं: x और y वृत्त के केंद्र के निर्देशांक हैं। Radius वृत्त की त्रिज्या है। StartAngle और EndAngle रेडियन में आर्क के प्रारंभ
-
HTML5 कैनवास से JavaScript में मान प्राप्त करना
जब हम कैनवास पर कुछ भी ड्रॉ करते हैं, तो यह ड्रॉ की गई किसी भी चीज़ की मेमोरी नहीं रखता। ड्रॉ करते समय हमें सभी आवश्यक जानकारी को स्वयं ट्रैक करना होता है। इसलिए, HTML5 कैनवास से JavaScript में मान प्राप्त करना संभव नहीं है क्योंकि यह कोई मेमोरी नहीं रखता। यह बस ऐसे ड्रॉ करता है: <canvas id = my
-
HTML में मोबाइल वेब ब्राउज़र पर पुल डाउन टू रिफ्रेश
जब स्क्रीन को नीचे खींचकर पेज को रिफ्रेश करने और नवीनतम अपडेट प्राप्त करने की आवश्यकता होती है, तो इसे JavaScript, xhttprequests और फिर टच इवेंट की मदद से किया जा सकता है। पुल रिफ्रेश AJAX में XHR के लिए एक ट्रिगर है। यह उस एलिमेंट में नया डेटा जोड़ता है जिसे हम चाहते हैं। पुल रिफ्रेश को iScroll जै
-
क्या हम स्क्रिप्ट के माध्यम से HTML5 Canvas टैग की "getContext" प्रॉपर्टी को डिलीट कर सकते हैं?
HTML5 स्पेसिफिकेशन में ऐसा कोई विवरण नहीं है जो कहे कि स्क्रिप्ट द्वारा getContext प्रॉपर्टी को डिलीट करना वैध है। हम एक कोड लिख सकते हैं जिसमें हम HTMLCanvasElement की getContext प्रॉपर्टी को डिलीट करते हैं और फिर अलग स्टेटमेंट में इसे undefined बनाते हैं। delete window.HTMLCanvasElement.prototype.
-
EventSource बनाम रैप्ड WebSocket HTML5 सर्वर-सेंट इवेंट्स के साथ
इवेंट सोर्स सिर्फ एक वेब सॉकेट है जो: डेटा नहीं भेज सकता टेक्स्ट या इवेंट स्ट्रीम फॉर्मेट उपयोग करता है सर्वर-परिभाषित इवेंट्स फायर करता है यह उन एप्लिकेशन्स के लिए उपयोगी है जिन्हें केवल सर्वर पुश की आवश्यकता होती है। वेब सॉकेट्स उन एप्लिकेशन्स के लिए अच्छे हैं जिन्हें दोनों दिशाओं में तेज़
-
HTML5 में मटीरियलाइज़ CSS चेकबॉक्स को @Html.CheckBoxFor के साथ कैसे काम कराएं?
मटीरियलाइज़ CSS चेकबॉक्स को Html.CheckBoxFor के साथ बिना चेकबॉक्स के बाएं गायब हुए काम कराने का एकमात्र तरीका है हिडन एलिमेंट को पैरेंट एलिमेंट के नीचे ले जाना। $(input[type=hidden]).each(checkbox1 (0,IsActive ) { $(this).appendTo($(IsActive).parent()); }); इस हिडन एलिमेंट में, IsActive को पैरेंट
-
HTML5 जियोलोकेशन बिना SSL कनेक्शन के
HTML5 जियोलोकेशन उपयोगकर्ता का स्थान पता लगाने के लिए उपयोग किया जाता है। यह बिना SSL कनेक्शन के काम कर सकता है। इसे निम्नानुसार उत्पन्न किया जा सकता है: // Variable apigeo shows successful location: var apigeo = function(position) { alert(API geolocation success!\n\nlat = + position.coords.latit
-
HTML5 Canvas पर डेटा URL से इमेज कैसे ड्रॉ करें?
यदि आपके पास डेटा URL है, तो आप कैनवास पर एक इमेज बना सकते हैं। यह निम्न कोड स्निपेट में दिखाया गया है: var myImg = new Image; myImg.src = strDataURI; drawImage() मेथड इमेज, कैनवास, या वीडियो को कैनवास पर ड्रॉ करता है। drawImage() मेथड इमेज के भाग भी ड्रॉ कर सकता है, और/या इमेज आकार बढ़ा/घटा सकता है
-
Node.js से HTML5 वीडियो प्लेयर पर वीडियो स्ट्रीमिंग ताकि वीडियो कंट्रोल्स काम करते रहें
क्लाइंट को अनुरोधित भाग भेजने के लिए createReadStream का उपयोग करें। फंक्शन कॉल createReadStream() आपको एक रीडेबल स्ट्रीम देगा। उदाहरण निम्न कोड है: stream = fs.createReadStream(path); stream.on(open, function () { res.writeHead(206,{ Content-Range: bytes + begin + - + end + / + total, Ac
-
HTML5 में वीडियो की प्लेइंग स्पीड कैसे बदलें?
playbackRate प्रॉपर्टी ऑडियो/वीडियो की वर्तमान प्लेबैक गति सेट करती है। इसके साथ, defaultPlaybackRate प्रॉपर्टी ऑडियो/वीडियो की डिफ़ॉल्ट प्लेबैक गति सेट करती है। वीडियो की प्लेइंग स्पीड बदलने का कोड: /* play video thrice as fast */ document.querySelector(video).defaultPlaybackRate = 3.0; document.qu
-
HTML5 Canvas पर SVG फ़ाइल कैसे ड्रॉ करें?
कैनवास एलिमेंट पर HTMLImageElements ड्रॉ करने के लिए drawImage() मेथड का उपयोग करें। यह मेथड src=mySVG.svg के साथ एक Image वेरिएबल परिभाषित करता है, और लोड होने पर drawImage उपयोग करता है। var myImg = new Image(); myImg.onload = function() { ctx.drawImage(myImg, 0, 0); } img.src = https://www.exam
-
SVG और HTML5 Canvas में क्या अंतर है?
HTML <svg> एलिमेंट SVG ग्राफिक्स के लिए एक कंटेनर है। SVG का अर्थ Scalable Vector Graphics है। SVG बॉक्स, सर्कल, टेक्स्ट आदि जैसे ग्राफिक्स परिभाषित करने के लिए उपयोगी है। SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है और यह XML में 2D-ग्राफिक्स और ग्राफिकल एप्लिकेशन का वर्णन करने की एक भाषा है और X
-
HTML5 को स्टैंडअलोन एंड्रॉइड ऐप में कैसे बदलें?
HTML5 को स्टैंडअलोन एंड्रॉइड ऐप में बदलने के लिए नीचे दिए गए चरणों का पालन करें: Eclipse का उपयोग करके पहले एक एंड्रॉइड ऐप बनाएं। HTML कोड को /assets फोल्डर में ले जाएं - एसेट्स आपके एप्लिकेशन में टेक्स्ट, XML, म्यूजिक, फॉन्ट्स, वीडियो जैसी मनमानी फ़ाइलें शामिल करने का तरीका प्रदान करते हैं।
-
HTML में Three.js बैकग्राउंड को ट्रांसपेरेंट या अन्य रंग में कैसे बदलें?
यदि आप Three.js में ट्रांसपेरेंट बैकग्राउंड चाहते हैं, तो WebGLRenderer कंस्ट्रक्टर में alpha पैरामीटर पास करें: var renderer = new THREE.WebGLRenderer({ alpha: true }); // आप डिफ़ॉल्ट पर क्लियर कलर छोड़ सकते हैं renderer.setClearColor(0x000000, 0); // default हालांकि, बैकग्राउंड रंग सेट करने के लिए