HTML 5 में कैनवास को केन्द्रित करने के लिए, कैनवास टैग को div टैग में शामिल करें। तब हम div टैग को केंद्र में संरेखित कर सकते हैं। ऐसा करने से, कैनवास भी मध्य संरेखित होता है।
<!DOCTYPE html>. <html> <body> <div style = "text-align:center;"> <canvas style = "background-color:GREEN;">This is my canvas</canvas> </div> </body> </html>
HTML कैनवास पर ड्राइंग जावास्क्रिप्ट के साथ की जानी है। कैनवास पर चित्र बनाने से पहले HTML DOM विधि getElementById() और getContext() का उपयोग करें। HTML में एक तारा बनाने के लिए, कैनवास तत्व का उपयोग करें। कैनवास के साथ, तारे को खींचने के लिए lineTo() विधि का उपयोग करें। लाइनटू () पद्धति में x और y
HTML5 टैग का उपयोग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि को आकर्षित करने के लिए किया जाता है। यह HTML5 में पेश किया गया एक नया टैग है। HTML5 कैनवास वाली छवियों का उपयोग करने के लिए, drawImage() विधि का उपयोग करें। यह विधि दी गई छवि को कैनवास पर खींचती है। HTML कैनवास के साथ छवियों का
आइए मान लें कि हम Tkinter का उपयोग करके GUI-आधारित एप्लिकेशन बना रहे हैं और हम Tkinter कैनवास में एक छवि लोड करना चाहते हैं। डिफ़ॉल्ट रूप से, कैनवास अपनी चौड़ाई और ऊंचाई के अनुसार छवियों को लोड करता है। हालांकि, हम दिशा पास करके किसी भी दिशा (एन, एस, ई, डब्ल्यू, एनएस, ईडब्ल्यू, आदि) में एक छवि की स