छवि आयामों का अनुवाद 32, 120 में करें -
context.translate(32, 120);
अब कैनवास को घुमाएं -
context.rotate(90 * Math.PI/180);
अब चित्र बनाएं -
context.drawImage(img, -32, -120, 64, 120);
छवि आयामों का अनुवाद 32, 120 में करें -
context.translate(32, 120);
अब कैनवास को घुमाएं -
context.rotate(90 * Math.PI/180);
अब चित्र बनाएं -
context.drawImage(img, -32, -120, 64, 120);
HTML कैनवास पर ड्राइंग जावास्क्रिप्ट के साथ की जानी है। कैनवास पर चित्र बनाने से पहले HTML DOM विधि getElementById() और getContext() का उपयोग करें। उसके लिए, कुछ चरणों का पालन करें - कैनवास तत्व को खोजने के लिए आपको getElementById() विधि का उपयोग करने की आवश्यकता है। getContext() का उपयोग करें, जो
एक संपादन योग्य तत्व से सीमा को हटाने के लिए, कोड इस प्रकार है - उदाहरण body{ font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif; } p{ फ़ॉन्ट-आकार:40पीएक्स; } [संतोषजनक] { रूपरेखा:0px ठोस पारदर्शी; }कंटेंटेडेबल बॉर्डर उदाहरण हटाएंयह एक संतोषजनक संपादन योग्य पैराग्राफ है जिसे आप संपादित कर सक
HTML5 drawImage() विधि का उपयोग कैनवास पर चित्र, कैनवास या वीडियो बनाने के लिए किया जाता है। यह एक छवि के कुछ हिस्सों को भी खींचता है। आप इसका उपयोग इमेज का आकार बढ़ाने या घटाने के लिए भी कर सकते हैं। यहां drawImage() विधि के पैरामीटर मान दिए गए हैं - Sr.No DrawImage () पैरामीटर और विवरण 1