html2canvas(document.body).then(function(canvas) {
    document.body.appendChild(canvas);
});

属性参数:

http://html2canvas.hertzen.com/configuration

html2canvas 使用指南

html2canvas 使用指南

兼容性:

  兼容安卓与苹果微信浏览器

注意事项:

  如果需要实现长按保存功能,需要注意user-select 设置为auto

  图片地址如果跨域 需要做相应设置

举例使用方式:

  获取saveWrap 容器内的元素 转为canvas ,并将canvas添加到 poster-container 中,再根据这个canvas 转成image,从而可以长按保存


html2canvas(document.getElementById("saveWrapX"),{scale:1}).then(function(canvas) {
document.querySelector('.poster-container').appendChild(canvas);
let canvas = $('.poster-container canvas')
let posterImage = document.getElementById("saveImageX")
posterImage.src = canvas[0].toDataURL("image/jpg")
});

相关文章:

  • 2022-12-23
  • 2021-12-03
  • 2021-11-30
  • 2021-12-09
  • 2021-11-27
  • 2021-11-19
  • 2021-11-19
  • 2021-11-20
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-12-13
  • 2021-08-02
  • 2021-09-05
  • 2021-08-29
  • 2022-02-01
相关资源
相似解决方案