微信小程序webview页面下载图片
$(".btn").click(function () {
//要转换为图片的dom对象
var element = document.querySelector('.InviteFriends');
//要显示图片的img标签
var image = document.querySelector('#img');
//调用html2image方法
html2image(element, image);
})
function html2image(element, image) {
html2canvas(element).then(function (canvas) {
var imageData = canvas.toDataURL(1);
image.src = imageData;
downloadImg(imageData)
});
}
function downloadImg(imageData) {
//判断来源是否是小程序
wx.miniProgram.getEnv(function (res) {
if (res.miniprogram === true) {
//需在微信小程序中新建一个页面用于接收图片数据
wx.miniProgram.navigateTo({
url: "/pages/invite/invite?src=" + imageData
})
}
else {
//PC或手机端生成并下载图片
var img = document.getElementById('img'); // 获取要下载的图片
var url = img.src; // 获取图片地址
var a = document.createElement('a'); // 创建一个a节点插入的document
var event = new MouseEvent('click') // 模拟鼠标click点击事件
a.download = '我要推广' // 设置a节点的download属性值
a.href = url; // 将图片的src赋值给a节点的href
a.dispatchEvent(event) // 触发鼠标点击事件
}
})
}