2015-01-03 6 views
6

html2canvas.js erfasst kein Bild. es hinterlässt Leerraum, wo das Bild auftritt.html2canvas erfasst kein Bild

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

Ich habe viel versucht, aber ich kann keine Lösung finden.

Hilfe ist willkommen :)

+0

versuchen Sie, HTML5/Canvas/JavaScript zu verwenden, um Screenshots zu machen? –

+0

verwende html2canvas.js, um Screenshots zu machen. – Karthikeyan

+0

siehe hier: http: //html2canvas.hertzen.com/examples.html –

Antwort

9

Es funktioniert, wenn ich es in dem Server hosten. Die Sicherheitseinschränkungen führen dazu, dass es fehlschlägt.

+0

Hallo @Karthikeyan Ich habe es versucht, aber es ist nicht erfassen Bilder und einige SVG-Elemente –

+0

Hallo Rahul, verwenden Sie hml2canvas.js, um Screenshots zu machen? Welche Plattform verwenden Sie entweder mobil oder auf dem Desktop? Hast du es nach dem Hosting im Server versucht, wie wamp? – Karthikeyan

+0

Ich habe ein Anwendung E-Learning-System mit Nodejs und Webrtc entwickelt. Jetzt muss ich ein Screen-Recording-Modul hinzufügen, dafür benutze ich https://www.webrc-experiment.com/RecordRTC/ diese API. In dem sie html2canvas-Bibliothek verwenden, um die Webseite zu screenen, um den Bildschirm aufzuzeichnen. Aber in meiner Seite als Whiteboard verwende ich Svg-Elemente. Also, wenn ich den Bildschirm mit dieser API aufzeichnen notieren Sie nur grundlegende HTML5-Element, aber nicht Svg und Bilder in Svg-Element. –