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"를 이미지에 저장합니다.