एचटीएमएल में एक्सटेंशन के साथ कैनवास 2 इमेज के साथ डीआईवी को छवि के रूप में कैसे सहेजना है?

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

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

उदाहरण:

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

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

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

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

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