网页html生成图片

之前通过html2canvas实现在移动端把html转成pdf，存在一系列问题，这一次发现新的插件dom-to-image，可以在网页中把html转成图片，下面就简单操作一下，详细内容可以到这个地址查看：github.com/tsayen/dom-…

<div id="my-node">
    这里面的内容会生成图片
</div>

<script src="https://cdn.bootcdn.net/ajax/libs/dom-to-image/2.6.0/dom-to-image.js"></script>

var node = document.getElementById('my-node');
domtoimage.toPng(node, { quality: 0.95 })
    .then(function (dataUrl) {
        var link = document.createElement('a');
        link.download = 'my-image-name.jpeg';
        link.href = dataUrl;
        link.click();
    })