HTML 컨텐트를 PNG 또는 SVG로 변환

Question

현재 페이지의 요소를 이미지로 변환하는 데 dom-to-image을 사용하고 있지만 텍스트 영역의 내용을 이미지로 변환하고 싶습니다. 예를 들어

: JSFIDDLE EXAMPLE

<textarea> 
<div class="w3-row"> 
    <div class="w3-third w3-container w3-padding-24"><a href="/cert/default.asp"><img src="http://www.w3schools.com/images/w3cert.gif" style="width:100%;" alt="W3Schools Certification"></a> </div> 
    <div class="w3-twothird w3-container"><h2>W3Schools' Online Certification</h2> 
     <p>The perfect solution for professionals who need to balance work, family, and career building.</p> 
     <p>More than 10 000 certificates already issued!</p> 
    </div> 
</div> 
</textarea> 

나에게 분명 문제의 세부 사항을 알려주십시오. 도움을 정말로 주겠습니까?

Answer 1

HTML2canvas는 DOM 세그먼트의 스냅 샷을 찍을 수있게합니다. 그래도 SVG에 대한 확신이 없지만,이 스크립트는 매우 도움이 될 것입니다.