Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट का उपयोग करके एसवीजी ग्राफिक्स कैसे बनाएं?

<घंटा/>

सभी आधुनिक ब्राउज़र एसवीजी का समर्थन करते हैं और आप इसे आसानी से जावास्क्रिप्ट का उपयोग करके बना सकते हैं। Google क्रोम और फ़ायरफ़ॉक्स दोनों एसवीजी का समर्थन करते हैं।

जावास्क्रिप्ट के साथ, एक खाली एसवीजी दस्तावेज़ ऑब्जेक्ट मॉडल (डीओएम) बनाएं। विशेषताओं का उपयोग करके, वृत्त या आयत जैसी आकृति बनाएं।

var mySvg ="https://www.w3.org/2000/svg";var myDoc =evt.target.ownerDocument;var myShape =svgDocument.createElementNS(mySvg, "circle");myShape.setAttributeNS(null , "सीएक्स", 40); myShape.setAttributeNS (शून्य, "साइ", 40); myShape.setAttributeNS (शून्य, "आर", 30); myShape.setAttributeNS (शून्य, "भरें", "पीला");
  1. जावास्क्रिप्ट का उपयोग करके एनिमेशन कैसे बनाएं?

    JavaScript का उपयोग करके एनिमेशन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    }    button{       padding:10p

  1. जावास्क्रिप्ट का उपयोग करके URL ऑब्जेक्ट कैसे बनाएं?

    जावास्क्रिप्ट का उपयोग करके URL ऑब्जेक्ट बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title&g

  1. जावास्क्रिप्ट में एक सरणी का उपयोग करके गतिशील रूप से रेडियो बटन कैसे बनाएं?

    एक सरणी का उपयोग करके गतिशील रूप से रेडियो बटन बनाने के लिए, createElement() औरappendChild() की अवधारणा का उपयोग करें। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=&qu