html2canvas(document.body).then(function(canvas) { document.body.appendChild(canvas); });
屬性參數:html
http://html2canvas.hertzen.com/configurationcanvas
兼容性:跨域
兼容安卓與蘋果微信瀏覽器瀏覽器
注意事項:微信
若是須要實現長按保存功能,須要注意user-select 設置爲autoapp
圖片地址若是跨域 須要作相應設置post
舉例使用方式:spa
獲取saveWrap 容器內的元素 轉爲canvas ,並將canvas添加到 poster-container 中,再根據這個canvas 轉成image,從而能夠長按保存3d
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")});