HTML5 drawImage() विधि का उपयोग कैनवास पर चित्र, कैनवास या वीडियो बनाने के लिए किया जाता है। यह एक छवि के कुछ हिस्सों को भी खींचता है। आप इसका उपयोग इमेज का आकार बढ़ाने या घटाने के लिए भी कर सकते हैं।
यहां drawImage() विधि के पैरामीटर मान दिए गए हैं -
| Sr.No <वें शैली ="पाठ-संरेखण:केंद्र;"> DrawImage () पैरामीटर और विवरण | |
|---|---|
| 1 | img छवि, कैनवास, या वीडियो निर्दिष्ट करने के लिए। |
| 2 | sx x निर्देशांक जहां क्लिपिंग शुरू करना है। यह वैकल्पिक है। |
| 3 | sy y निर्देशांक जहां क्लिपिंग शुरू करना है। यह वैकल्पिक है। |
| 4 | चौड़ाई क्लिप की गई छवि की चौड़ाई। यह वैकल्पिक है। |
| 5 | ऊंचाई क्लिप की गई छवि की ऊंचाई। यह वैकल्पिक है। |
| 6 | x x निर्देशांक जहां छवि को कैनवास पर रखा जाना है |
| 7 | y y समन्वय करें जहां छवि को कैनवास पर रखा जाना है |
| 8 | चौड़ाई उपयोग करने के लिए छवि की चौड़ाई। |
| 9 | ऊंचाई उपयोग करने के लिए छवि की ऊंचाई। |
उदाहरण
ड्राइमेज () पद्धति का उपयोग करके चित्र बनाने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -
<शरीर पर लोड ="चेतन ();"> <कैनवास आईडी ="नया कैनवास" चौड़ाई ="400" ऊंचाई ="400">