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")
});