問題描述

html2canvas截圖的時候，dom元素設(shè)置為position absolute之后截取出的圖片，此dom元素內(nèi)容截取不到

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

google沒找到答案，但是確實去掉dom的position:absolute就可以截取出dom內(nèi)容

相關(guān)代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）

   var copyDom = targetDom;
    copyDom.css(
        {
            'background-image':'url("./bg03.jpg")'
        }
    );
   /* $('body').append(copyDom);//把copy的截圖對象追加到body后面*/
    var width = copyDom.offsetWidth;//dom寬
    var height = copyDom.offsetHeight;//dom高
    var scale = 2;//放大倍數(shù)
    var canvas = document.createElement('canvas');
    canvas.width = width*scale;//canvas寬度
    canvas.height = height*scale;//canvas高度
    var content = canvas.getContext("2d");
    content.scale(scale,scale);
    var rect = copyDom.get(0).getBoundingClientRect();//獲取元素相對于視察的偏移量
    content.translate(-rect.left,-rect.top);//設(shè)置context位置，值為相對于視窗的偏移量負(fù)值，讓圖片復(fù)位
    html2canvas(copyDom[0], {
       /* allowTaint:true,
        useCORS:true,
        tainTest:true,*/
        scale:scale,
        canvas:canvas,
        width:width,
        heigth:height,
        }).then(function (canvas) {
    downloadImage(canvas.toDataURL(),'xxx.png')
});