使用html2canvas将两张图片合成一张,并下载海报(效果图)
1、安装 html2标题canvas
html2canvas屏幕截图基于 DOM,因此可能不是 100% 准确到真实表示,因为它不会制作实际的屏幕截图,而是根据页面上可用的信息构建屏幕截图。
1.es6 模块化引入方式,项目中使用
npm install --save html2canvas
2.js直引方式
<script src="http://html2canvas.hertzen.com/dist/html2canvas.js"></script>
2、使用
// 基础语法:
html2canvas(element, options);
<div><div class="all-tool"><div style="width:250px;height:400px;" class="course-container" id="myImage"><div class="course"><img style="width:250px;heigh