कैनवास का अनुवाद करने के लिए अनुवाद () पद्धति का उपयोग करें। HTML5 कैनवास एक अनुवाद (x, y) विधि प्रदान करता है जिसका उपयोग कैनवास और उसके मूल को ग्रिड में एक अलग बिंदु पर ले जाने के लिए किया जाता है।
यहाँ तर्क x वह मात्रा है जो कैनवास को बाईं या दाईं ओर ले जाया जाता है, और y वह राशि है जिसे ऊपर या नीचे ले जाया जाता है
<कैनवास id ="mycanvas" चौड़ाई ="400" ऊंचाई ="400">
HTML5 टैग का उपयोग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि को आकर्षित करने के लिए किया जाता है। यह HTML5 में पेश किया गया एक नया टैग है। HTML5 कैनवास का उपयोग करके रेखाएँ खींचने के लिए lineTo() विधि का उपयोग करें। HTML5 कैनवास का उपयोग करके रेखाएँ कैसे खींचना है, यह जानने के लिए आप निम
HTML5 टैग का उपयोग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि को आकर्षित करने के लिए किया जाता है। यह HTML5 में पेश किया गया एक नया टैग है। HTML5 कैनवास वाली छवियों का उपयोग करने के लिए, drawImage() विधि का उपयोग करें। यह विधि दी गई छवि को कैनवास पर खींचती है। HTML कैनवास के साथ छवियों का
द ग्लोबलअल्फा संपत्ति ड्राइंग का पारदर्शिता मूल्य लौटाती है। इस गुण का मान 1.0 कोई पारदर्शिता निर्दिष्ट नहीं करता है और इस गुण का मान 0.0 पूर्ण पारदर्शिता निर्दिष्ट करता है। इसलिए, GlobalAlpha प्रॉपर्टी को 0.0 पर सेट करके, हम एक पारदर्शी कैनवास प्राप्त कर सकते हैं। उदाहरण आप पारदर्शी कैनवास बनाने क