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

कैसे एक्सटेंशन के साथ छवि के लिए HTM5 कैनवास के साथ छवि के रूप में DIV को बचाने के लिए?


DIV सामग्री को जावास्क्रिप्ट में html2canvas() फ़ंक्शन की सहायता से एक छवि के रूप में सहेजा जा सकता है। DIV टैग HTML दस्तावेज़ में एक सेक्शन को परिभाषित करता है।

उदाहरण

<div id = ”cpimg”   style = ”padding:  25px ; ” >  
   <h4>Welcome</h4>
</div>

यह cpimg नामक विभाजन क्षेत्र को दर्शाता है।

html2canvas() फंक्शन डिव को इमेज के रूप में निम्नलिखित कोड के साथ सेव करता है -

html2canvas(document.querySelector(“#cpimg”)).then(canvas
 {    
    document.body.appendChild(canvas)
 });

यह संदर्भित div अनुभाग "cpimg" को छवि में सहेजता है।


  1. जावास्क्रिप्ट के साथ कैनवास पर कैसे आकर्षित करें?

    HTML कैनवास पर ड्राइंग जावास्क्रिप्ट के साथ की जानी है। कैनवास पर चित्र बनाने से पहले HTML DOM विधि getElementById() और getContext() का उपयोग करें। उसके लिए, कुछ चरणों का पालन करें - कैनवास तत्व को खोजने के लिए आपको getElementById() विधि का उपयोग करने की आवश्यकता है। getContext() का उपयोग करें, जो

  1. HTML5 में drawImage () के साथ छवि कैसे बनाएं?

    HTML5 drawImage() विधि का उपयोग कैनवास पर चित्र, कैनवास या वीडियो बनाने के लिए किया जाता है। यह एक छवि के कुछ हिस्सों को भी खींचता है। आप इसका उपयोग इमेज का आकार बढ़ाने या घटाने के लिए भी कर सकते हैं। यहां drawImage() विधि के पैरामीटर मान दिए गए हैं - Sr.No DrawImage () पैरामीटर और विवरण 1

  1. कैसे matplotlib.pyplot के साथ एक छवि को बचाने के लिए?

    matplotlib.pyplot.savefig() . के साथ एक छवि सहेजने के लिए , हम निम्नलिखित कदम उठा सकते हैं - आकृति का आकार सेट करें और सबप्लॉट के बीच और आसपास पैडिंग समायोजित करें। numpy का उपयोग करके x और y डेटा बिंदु बनाएं। प्लॉट x और y डेटा पॉइंट प्लॉट () . का उपयोग करके विधि। आंकड़ा सहेजने के लिए, savefig() us