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")});
相關文章
相關標籤/搜索