web页面合成图片html2canvas

主要用html2canvas.js插件实现该功能
dom元素

亲爱的Monkey,邀请您参加晚宴!

着装要求:1664法蓝

时间:9月19日  19:00-22:00

地点:世博创意秀场

(上海市黄浦区半淞园路498号)

晚宴为您提供酒水,请勿驾车到场

(停车不便)

请长按图片或截图保存

到场后请出示个人二维码

js:

html2canvas(document.querySelector("#box6")).then(canvas => {

  var imgUrl = canvas.toDataURL("image/png"); // 将canvas转换成img的src流

  console.log("base64编码数据:", imgUrl);

  $("#xianshi").attr("src",imgUrl);

});

你可能感兴趣的:(web页面合成图片html2canvas)