转换代码到图片使用html2canvas,这是一个非常著名的从浏览器网页截图的开源库,使用很方便,功能也很强大。
使用 html2canvas
html2canvas 的使用非常简单,简单到只需要传入一个 DOM 元素,然后通过回调拿到 canvas:
>p>
<p>html2canvas 的使用非常简单,简单到只需要传入一个 DOM 元素,然后通过回调拿到 canvasp>
section>
2.js代码结构
- var str = $('#html2canvas');
-
- html2canvas([str.get(0)], {
- onrendered: function (canvas) {
- var image = canvas.toDataURL("image/png");
- var pHtml = "+image+" />";
- $('#html2canvas').html(pHtml);
- }
- });