DataTransfer ऑब्जेक्ट ड्रैग एंड ड्रॉप ऑपरेशन के बारे में डेटा रखता है। इस डेटा को DataTransfer ऑब्जेक्ट से जुड़े विभिन्न एट्रिब्यूट्स के संदर्भ में प्राप्त और सेट किया जा सकता है। निम्नलिखित एट्रिब्यूट्स हैं: Sr.No. DataTransfer एट्रिब्यूट्स और उनका विवरण 1dataTransfer.dropEffect [ = value ]व

फ़ॉर्म सबमिट करने से पहले इमेज को रीसाइज़ करने के लिए, आपको drawImage() मेथड का उपयोग करना होगा। मूल इमेज को स्केल करें और स्केल्ड वर्जन को [0,0] पर कैनवास पर ड्रॉ करें context.drawImage( img, 0,0,img.width,img.height, 0,0,myWidth,UseHeight ); ऊपर, हमने निम्नलिखित देखा: यहां, var myWidth = Math.flo

HTML में इनपुट एलिमेंट का type एट्रिब्यूट अब निम्नलिखित नए मानों का समर्थन करता है: प्रकार विवरण colorकलर सेलेक्टर, जिसे व्हील या स्वैच पिकर द्वारा दर्शाया जा सकता है dateकैलेंडर तिथि के लिए सेलेक्टर datetime-localसमय क्षेत्र के बिना दिनांक और समय प्रदर्शन datetimeसमय क्षेत्र सहित पूर्ण दिनां

अपने वेबपेज को डिज़ाइन करें ताकि आपका वेब कंटेंट कई पेजों पर हो। आप अपना कंटेंट मध्य कॉलम में रख सकते हैं, बाएं कॉलम का उपयोग मेनू के लिए कर सकते हैं, और दाएं कॉलम का उपयोग विज्ञापन या अन्य सामग्री के लिए कर सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <title>

बाइट ऑर्डर मार्क (BOM) में डेटा स्ट्रीम की शुरुआत में कैरेक्टर कोड U+FEFF होता है, जहां इसका उपयोग बाइट ऑर्डर और एन्कोडिंग फॉर्म को परिभाषित करने वाले हस्ताक्षर के रूप में किया जा सकता है, मुख्य रूप से अनमार्क्ड प्लेनटेक्स्ट फाइलों के लिए। कई विंडोज प्रोग्राम (विंडोज नोटपैड सहित) UTF-8 के रूप में स

FabricJS में ऑब्जेक्ट्स के z-index को बदलने के लिए निम्नलिखित API मेथड्स हैं: canvas.sendBackwards(myObject) canvas.sendToBack(myObject) canvas.bringForward(myObject) canvas.bringToFront(myObject) आप इसका भी उपयोग कर सकते हैं: fabric.Canvas.prototype.orderObjects = function(compare) { this.

होवर पर HTML5 Canvas रेक्टेंगल को अपडेट करने के लिए, निम्नलिखित कोड चलाने का प्रयास करें: var canvas = document.getElementById(myCanvas); var context = canvas.getContext(2d); context.rect(20,20,150,100); context.stroke(); $(canvas).hover(function(e){ context.fillStyle = blue; context.

फ्लेक्स डिव की चौड़ाई को कंटेंट के अनुसार अपनाने के लिए display: inline-flex का उपयोग करें: #box { display: inline-flex; flex-direction: row; flex-wrap: wrap; max-width: 200px; padding: 10px; margin: 20px; background-color: blue; }

रुपये का सिंबल निम्नलिखित है और हर ब्राउज़र इसका समर्थन नहीं करता: &#x20B9; इसे अपने वेब पेज पर दृश्यमान बनाने के लिए: <link rel=stylesheet href=//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css> <i class=fa fa-inr></i> आप निम्नलिखित का भी उपयोग कर सकते हैं

Canvas पर इमेज को पीछे रखने के लिए, जब एलिमेंट्स मूव करें, तो आपको पास करना होगा: preserveObjectStacking और निम्नलिखित काम करेगा और इमेज बैकग्राउंड में दिखाई नहीं देगी: window.canvas = new fabric.Canvas(c, { preserveObjectStacking:true }); अब, शेप को हिलाने पर वह इमेज के ऊपर दिखाई देगी।

Flash एनिमेशन के लिए अद्भुत GUI और कई विज़ुअल सुविधाएं प्रदान करता है। यह उपयोगकर्ता को ब्राउज़र में लिपटे एक विशेष प्लेटफॉर्म के अंदर सब कुछ बनाने की अनुमति देता है, जिसका मुख्य दायरा मल्टीमीडिया और अन्य प्रकार के एनिमेशन हैं। HTML5 एलिमेंट <canvas> आपको JavaScript का उपयोग करके ग्राफिक्स बन

ड्रैग एंड ड्रॉप (DnD) एक शक्तिशाली यूज़र इंटरफ़ेस अवधारणा है जो माउस क्लिक की मदद से आइटम्स को कॉपी, रीऑर्डर और डिलीट करना आसान बनाती है। यह उपयोगकर्ता को एक एलिमेंट पर माउस बटन दबाकर रखने, उसे दूसरी जगह खींचने, और माउस बटन छोड़कर एलिमेंट को वहां ड्रॉप करने की अनुमति देता है। ड्रैग एंड ड्रॉप के लिए

माइक्रोडेटा वोकैबुलरी को परिभाषित करने के लिए आपको एक नेमस्पेस URL की आवश्यकता होती है जो एक कार्यशील वेब पेज की ओर इशारा करता है। उदाहरण के लिए, https://data-vocabulary.org/Person का उपयोग व्यक्तिगत माइक्रोडेटा वोकैबुलरी के लिए नेमस्पेस के रूप में किया जा सकता है जिसमें निम्नलिखित नामित प्रॉपर्टीज

माइक्रोडेटा पांच ग्लोबल एट्रिब्यूट्स पेश करता है जो किसी भी एलिमेंट के लिए उपलब्ध होंगे और मशीनों को आपके डेटा के बारे में संदर्भ देंगे। एट्रिब्यूट विवरण Itemscopeयह एक आइटम बनाने के लिए उपयोग किया जाता है। itemscope एट्रिब्यूट एक बूलियन एट्रिब्यूट है जो बताता है कि इस पेज पर माइक्रोडेटा है,

नया वेब ब्राउज़िंग कॉन्टेक्स्ट बनाएं या तो नया iframe या नई विंडो बनाकर। हम postMessage() का उपयोग करके डेटा भेज सकते हैं और इसके दो आर्ग्यूमेंट्स होते हैं: message – भेजने के लिए संदेश targetOrigin – ओरिजिन नाम आइए एक उदाहरण देखें कि iframe से बटन पर संदेश कैसे भेजें: var iframe = docu

ब्राउज़िंग कॉन्टेक्स्ट के बीच दो-तरफ़ा संचार को चैनल मैसेजिंग कहा जाता है। यह कई ओरिजिन्स के बीच संचार के लिए उपयोगी है। messageChannel बनाते समय, यह आंतरिक रूप से डेटा भेजने के लिए दो पोर्ट बनाता है और दूसरे ब्राउज़िंग कॉन्टेक्स्ट को फ़ॉरवर्ड करता है। postMessage() – चैनल के माध्यम से संदेश पोस्ट

क्रॉस-ओरिजिन रिसोर्स शेयरिंग (CORS) एक ऐसा तंत्र है जो वेब ब्राउज़र में किसी अन्य डोमेन से प्रतिबंधित संसाधनों की अनुमति देता है। उदाहरण के लिए, यदि आप HTML5 डेमो सेक्शन में HTML5 वीडियो प्लेयर पर क्लिक करते हैं, तो यह कैमरा अनुमति मांगेगा। यदि उपयोगकर्ता अनुमति देता है, तभी यह वेब एप्लिकेशन के लिए

W3C मार्कअप वैलिडेटर HTML, XHTML, SMIL, MathML आदि में वेब दस्तावेज़ों की मार्कअप वैधता की जांच करता है। यह वैलिडेटर यूनिकॉर्न का हिस्सा है, जो W3C की एकीकृत वैलिडेटर सेवा है। HTML5 के लिए इस वैलिडेटर का उपयोग करने के लिए, आपको More Options का उपयोग करना होगा और Document Type के रूप में HTML5 का चय

निम्नलिखित उन विशेषताओं की सूची है जिनका पता Modernizr लगा सकता है: विशेषता CSS प्रॉपर्टी JavaScript जांच @font-face.fontfaceModernizr.fontface Canvas.canvasModernizr.canvas Canvas Text.canvastextModernizr.canvastext HTML5 Audio.audioModernizr.audio HTML5 Audio फॉर्मेट्सNAModernizr.audio[form

URL एन्कोडिंग उन अनप्रिंटेबल कैरेक्टर्स या विशेष अर्थ वाले कैरेक्टर्स को एक ऐसे प्रतिनिधित्व में बदलने की प्रक्रिया है जो अस्पष्ट न हो और वेब ब्राउज़र व सर्वर द्वारा सार्वभौमिक रूप से स्वीकार किया जाए। इन कैरेक्टर्स में शामिल हैं: ASCII कंट्रोल कैरेक्टर्स – अनप्रिंटेबल कैरेक्टर्स जो आमतौर पर आउटपु