把div变成canvas图片 html2canvas

最新推荐文章于 2024-06-25 16:59:38 发布

飞飞飞~元宝

最新推荐文章于 2024-06-25 16:59:38 发布

阅读量2.1k

点赞数 1

本文链接：https://blog.csdn.net/qq_42894952/article/details/82775150

版权

HTML部分：

<div class="shareDetail-box">
      <div class="shareDetail" id="shareDetail">
          <img class="share-detailImg" :src="couponUrl"/>
          <div class="coupon-ewm" id="couponEwm"></div>
      </div>
  </div>

js部分：

html2canvas($('#shareDetail'),{
    onrendered: function(canvas) {
        convertCanvasToImage(canvas);
    }
});
function convertCanvasToImage(canvas) {
    $('#shareDetail').remove();
    var imgStr = canvas.toDataURL("image/png");
    var img=new Image();
    img.src=imgStr;
    $('.shareDetail-box').append(img);
}