html2canvas 使用指南


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

屬性參數:

http://html2canvas.hertzen.com/configuration

兼容性:

  兼容安卓與蘋果微信瀏覽器

注意事項:

  如果需要實現長按保存功能,需要注意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")
});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM