2015-01-03 224 views
6

html2canvas.js無法捕捉圖像。它會在圖像出現的地方留下空白區域。html2canvas無法捕捉圖像

function capture() 
{ 
    html2canvas(document.body, { 
     allowTaint: true, 
     logging:true, 
     onrendered: function(canvas) { 
     imagestring = canvas.toDataURL("image/png"); 
     console.log(imagestring); 
     document.body.appendChild(canvas); 
     } 
    }); 
} 

我已經嘗試了很多,但是我找不到解決方案。

幫助被讚賞:)

+0

你試圖使用HTML5/Canvas/JavaScript截屏嗎? –

+0

am使用html2canvas.js截圖。 – Karthikeyan

+0

在這裏看到:http://html2canvas.hertzen.com/examples.html –

回答

9

它的工作原理,當我主機在服務器。安全限制導致它失敗。

+0

嗨@Karthikeyan我有嘗試,但它是不捕捉圖像和一些svg元素 –

+0

嗨Rahul,你使用hml2canvas.js截屏?您正在使用哪種平臺,無論是移動還是桌面?在服務器託管之後,你是否嘗試過它,比如wamp? – Karthikeyan

+0

我使用nodejs和webrtc開發了一個應用程序電子學習系統。現在我必須添加屏幕錄製模塊,因此我使用https://www.webrtc-experiment.com/RecordRTC/此API。他們在其中使用html2canvas庫來屏幕截圖以記錄屏幕。但在我的頁面中,我使用svg元素作爲白板。所以當我使用這個API記錄屏幕時,它只記錄基本的html5元素,但不包含svg元素中的svg和圖像。 –