2015-02-10 22 views
0

上點擊 - >即時在具有特定的高度和寬度(垂直滾動)一個DIV添加具有絕對位置一個div,其中用戶輸入其數據和節省I使用html2canvas轉換HTML印象。Html2Canvase - >上滾動圖像是空

var element = angular.element("#beforeComment_" + index); 
    html2canvas(element).then(function (canvas) { 

    var _Image = canvas.toDataURL("image/png"); 
    var _img = _Image.replace(/^data:image\/(png|jpg);base64,/, "");      
       }); 

如果DIV是可視區域它的作品完美,但因爲我用窗口滾動移動位置DIV下來,我得到的空白圖像。

,但相比於如果我使用

html2canvas(window.document.body).then(function (canvas) { 

     var _Image = canvas.toDataURL("image/png"); 
     var _img = _Image.replace(/^data:image\/(png|jpg);base64,/, "");      
        }); 

它完美的作品,甚至我滾動或拖拽股利。

它會更好,如果有pluker使事情變得更加清晰,但我得到複雜的HTML結構,它會增加更多的複雜性

Image to describe the issue

一些可以幫助一個:(

回答

0

有你試圖

var element = angular.element(document.querySelector('#beforeComment_' + index)); 

此外,檢查是否 '#beforeComment_' +指數確實存在。

+0

我有累之前和元件做即使在html2canvas VAR節點出口=((節點列表===未定義)? [document.documentElement]:((nodeList.length)?nodeList:[nodeList]))[0];節點確實具有我通過的元素的值,但我不知道它在哪裏跳過。因爲在html2canvas中沒有太多的文檔,因爲我無法找出真正發生的情況 – Salman 2015-02-10 14:28:19