javascript将html转为图片保存。
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript将html转为图片保存。相关的知识,希望对你有一定的参考价值。
js将html转为图片主要是通过html2canvas这个插件去操作的。具体实现如下:
html部分:
<!--index.html-->
<div id="container">
this is a test page!!!
<i></i>
<button onclick="download()">download</button>
</div>
<script src="./bundle.js"></script>
javascript部分:
//index.js import ‘./index.scss‘; import html2canvas from ‘html2canvas‘ window.download = () => { let container = document.getElementById(‘container‘) console.log(container) html2canvas(container).then(canvas => { let imgData = canvas.toDataURL() let link = document.createElement(‘a‘) link.href = imgData link.download = ‘test.png‘ link.click() }) }
利用html5的download属性实现文件下载
以上是关于javascript将html转为图片保存。的主要内容,如果未能解决你的问题,请参考以下文章
html转为图片插件:html2canvas保存图片模糊问题解决