首页 > 代码库 > javascript将html转为图片保存。
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="http://www.mamicode.com/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转为图片保存。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。