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