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

HTML में canvas2image एक्सटेंशन के साथ DIV को इमेज के रूप में कैसे सेव करें?


DIV कंटेंट को JavaScript में html2canvas फ़ंक्शन की मदद से इमेज के रूप में सेव किया जा सकता है। 

DIV टैग HTML दस्तावेज़ में एक सेक्शन को परिभाषित करता है। 

उदाहरण:

<div id="cpimg" style="padding: 20px ; " > 
    <h4>Hello world</h4> 
</div>

यह cpimg नामक डिवीजन क्षेत्र दिखाता है। 

Html2canvas फ़ंक्शन निम्नलिखित कोड के साथ div को इमेज के रूप में सेव करता है:

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

यह संदर्भित div सेक्शन "cpimg" को इमेज में सेव करता है।


  1. HTML में इमेज को लिंक की तरह कैसे उपयोग करें? HTML में इमेज को लिंक की तरह कैसे उपयोग करें?

    <img> को <a> के अंदर रखें इमेज को लिंक बनाने के लिए <img> टैग को <a> टैग के अंदर रखें जिसमें href एट्रिब्यूट हो। src में इमेज URL, width/height में आकार दें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Image as link</title> </head>

  1. HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं? HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं?

    <ol> और <cite> टैग्स का उपयोग बिब्लियोग्राफी (संदर्भ ग्रंथ सूची) बनाने के लिए <ol> से क्रमांकित सूची और <cite> से पुस्तक/कृति का शीर्षक मार्क करें। उदाहरण <!DOCTYPE html> <html> <head> <title>Bibliography</title> </head> <body>

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

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