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

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


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

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

यहां एक सरल <canvas> एलिमेंट है जिसमें केवल दो विशिष्ट एट्रिब्यूट चौड़ाई और ऊंचाई प्लस सभी कोर HTML5 एट्रिब्यूट्स जैसे id, name, और class आदि हैं।

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

कैनवास अब मुख्य रूप से माना जाता है और फ्लैश पुराना हो गया है। कैनवास के साथ, आप आकृतियों को एनिमेट कर सकते हैं, स्केल, ट्रांसफॉर्म, आदि कर सकते हैं।


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

    बटन क्लिक पर addEventListener() को बार-बार काम करने के लिए, निम्नलिखित कोड का उपयोग करें -उदाहरण  Document Click Me var eventValue = function (event) { document.body.appendChild(document.createElement(div)) .textContent = event.type; } var pressed = document.querySelector(#pressButto

  1. HTML5 में drawImage() मेथड से इमेज कैसे ड्रॉ करें? HTML5 में drawImage() मेथड से इमेज कैसे ड्रॉ करें?

    Canvas drawImage() मेथड HTML5 Canvas API का drawImage() मेथड इमेज, कैनवास या वीडियो को कैनवास पर ड्रॉ करता है। इमेज के भाग भी ड्रॉ कर सकते हैं और आकार बदल सकते हैं। पैरामीटर्स: क्र.सं.पैरामीटर और विवरण 1img - इमेज, कैनवास या वीडियो एलिमेंट 2sx - क्लिपिंग शुरू करने का X निर्देशांक (वैकल्पिक) 3sy

  1. HTML5 कैनवास के साथ इमेज का उपयोग कैसे करें? HTML5 कैनवास के साथ इमेज का उपयोग कैसे करें?

    HTML5 <canvas> टैग का उपयोग स्क्रिप्टिंग के माध्यम से ग्राफिक्स, एनिमेशन आदि बनाने के लिए किया जाता है। HTML5 कैनवास के साथ इमेज का उपयोग करने के लिए drawImage() मेथड का उपयोग करें। यह मेथड दी गई इमेज को कैनवास पर बनाता है।उदाहरणHTML कैनवास के साथ इमेज का उपयोग करने का तरीका सीखने के लिए निम्न