主要介绍了使用vue实现HTML页面生成图片的相关知识，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

随着网络的发展，越来越多的网络平台应运而生。如何获得更多的流量，吸引更多的眼球已经成为网络平台生存、发展的必要条件。现在网络平台最常见的一种宣传方式就是人邀人。 我最近就接到一个需求，做一个 海报页面，并且能保存到手机 ，方便用户分享给朋友，希望能够达到人邀人的效果。   给人第一感觉这个需求就是保存图片的功能，当时梳理是却发现不是那么简单：   1.动态生成一张带logo的二维码   2.整个海报的html部分转化成图片   3.保存图片至手机相册 生成带logo的二维码 用 vue_qrc

最近项目中有个裂变分享的需求，需要在页面中根据分享人的身份动态生成二维码图片放置在页面中，所以研究了一下这个功能的实现，同时把实现过程记录如下： 1.引入二维码生成模块 npm install qrcodejs2 --save 注意：此处安装qrcodejs2，安装依赖后可在main方法中进行全局引用设置，也可单独某个页面中进行引用设置。 2.引入使用 import QRCode from 'qrcodejs2'; 备注：在main中设置全局可使用 Vue.prototype.qrCo

HTML转PDF： 1.页面底层实现——Vue：最低兼容ie10　　 2.实现思路： 　　1> 使用html2canvas.js将网页转换为图片 　　2> 使用jsPdf.debug.js将canvas生成的图片转换为pdf文件 具体实现： 　　要这样实现首先要引入两个插件： 　　　　html2canvas.js 　　　　jsPdf.debug.js 注： 　　因为ie10在canvas截图时候会出现部分样式丢失的情况，所以在代码中有部分修改了页面的样式 　　所以建议在做截图的时候，