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

HTM5 Canvas का उपयोग करके DIV को एक्सटेंशन के साथ इमेज के रूप में कैसे सेव करें?

html2canvas() फ़ंक्शन

DIV कंटेंट को JavaScript में 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. JavaScript का उपयोग करके कैनवास पर ड्रॉ कैसे करें? JavaScript का उपयोग करके कैनवास पर ड्रॉ कैसे करें?

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

  1. HTML5 में drawImage() मेथड से इमेज कैसे ड्रॉ करें? HTML5 में drawImage() मेथड से इमेज कैसे ड्रॉ करें?

    Canvas drawImage() मेथड HTML5 Canvas API का drawImage() मेथड इमेज, कैनवास या वीडियो को कैनवास पर ड्रॉ करता है। इमेज के भाग भी ड्रॉ कर सकते हैं और आकार बदल सकते हैं। पैरामीटर्स: क्र.सं.पैरामीटर और विवरण 1img - इमेज, कैनवास या वीडियो एलिमेंट 2sx - क्लिपिंग शुरू करने का X निर्देशांक (वैकल्पिक) 3sy

  1. matplotlib.pyplot से इमेज कैसे सेव करें? matplotlib.pyplot से इमेज कैसे सेव करें?

    matplotlib.pyplot.savefig() के साथ इमेज सेव करने के लिए, हम निम्नलिखित चरण ले सकते हैं:फिगर साइज सेट करें और सबप्लॉट्स के बीच और आसपास पैडिंग एडजस्ट करें।Numpy का उपयोग करके x और y डेटा पॉइंट्स बनाएं।plot() मेथड का उपयोग करके x और y डेटा पॉइंट्स प्लॉट करें।फिगर सेव करने के लिए savefig() मेथड का उपयो