將HTML內容轉換為PNG或SVG

Question

我目前正在使用dom-to-image將頁面上的元素轉換為圖像，但是我想將textarea中的內容轉換為圖像。

例如： JSFIDDLE示例

<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，但是這些腳本將非常有幫助。