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

HTML5 कैनवास के साथ सामग्री बनाना फ्लैश के साथ संलेखन की तुलना में कहीं अधिक जटिल है

<घंटा/>

फ्लैश अद्भुत जीयूआई और एनिमेशन के लिए बहुत सारी दृश्य सुविधाएँ प्रदान करता है। यह उपयोगकर्ता को मल्टीमीडिया और अन्य प्रकार के एनिमेशन वाले मुख्य क्षेत्रों के साथ ब्राउज़र के अंदर लिपटे ब्राउज़र में पूर्ण एकीकरण के बिना किसी विशेष प्लेटफ़ॉर्म के अंदर सब कुछ बनाने की अनुमति देता है।

HTML5 तत्व <कैनवास> आपको जावास्क्रिप्ट का उपयोग करके ग्राफिक्स बनाने का एक आसान और शक्तिशाली तरीका देता है। इसका उपयोग रेखांकन बनाने, फोटो रचनाएँ बनाने या सरल (और इतना सरल नहीं) एनिमेशन करने के लिए किया जा सकता है।

यहाँ एक साधारण <कैनवास> तत्व है जिसमें केवल दो विशिष्ट विशेषताएँ चौड़ाई और ऊँचाई के साथ-साथ सभी मुख्य HTML5 विशेषताएँ जैसे आईडी, नाम और वर्ग आदि हैं।

<canvas id = "mycanvas" width = "100" height = "100"></canvas>

कैनवास को अब मुख्य रूप से माना जाता है और Flash पुराना हो चुका है। कैनवास के साथ, आप आकार, पैमाने, परिवर्तन आदि को चेतन कर सकते हैं।


  1. addEventListener () जावास्क्रिप्ट में एक बटन के साथ एक से अधिक बार काम नहीं कर रहा है?

    AddEventListener() को बार-बार बटन क्लिक पर काम करने के लिए, निम्न कोड का उपयोग करें - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale= 1.0"> &

  1. HTML5 में drawImage () के साथ छवि कैसे बनाएं?

    HTML5 drawImage() विधि का उपयोग कैनवास पर चित्र, कैनवास या वीडियो बनाने के लिए किया जाता है। यह एक छवि के कुछ हिस्सों को भी खींचता है। आप इसका उपयोग इमेज का आकार बढ़ाने या घटाने के लिए भी कर सकते हैं। यहां drawImage() विधि के पैरामीटर मान दिए गए हैं - Sr.No DrawImage () पैरामीटर और विवरण 1

  1. HTML5 कैनवास के साथ छवियों का उपयोग कैसे करें?

    HTML5 टैग का उपयोग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि को आकर्षित करने के लिए किया जाता है। यह HTML5 में पेश किया गया एक नया टैग है। HTML5 कैनवास वाली छवियों का उपयोग करने के लिए, drawImage() विधि का उपयोग करें। यह विधि दी गई छवि को कैनवास पर खींचती है। HTML कैनवास के साथ छवियों का