html2canvas 使用指南

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")});
相关文章
相关标签/搜索