html2canvas nicht erfassen Bild

html2canvas.js keine Aufnahme des Bildes. es hinterlässt weiße Raum, in dem das Bild Auftritt.

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 einiges ausprobiert aber ich finde keine Lösung .

Hilfe ist willkommen 🙂

  • sind u versuchen zu HTML5/Canvas und JavaScript, screenshots zu machen?
  • bin mit html2canvas.js , screenshots zu machen.
  • siehe hier:html2canvas.hertzen.com/examples.html
  • Kumar. Ja arbeite an dem gleichen Beispiel. Aber Es erfasst nur den text, keine Bilder.
  • versuchen Sie, hosten Ihre Website statisch mit Knoten, dann sollten Ihre Bilder kommen durch, hier ist ein Beispiel von statisch hosting Ihrer Website mit node/express github.com/StevenIseki/exs
InformationsquelleAutor Karthikeyan | 2015-01-03
  1. 12

    Funktioniert es, wenn ich den host in den server. Die Sicherheits-Einschränkungen verursacht es zu scheitern.

    • Hi @Karthikeyan ich habe versucht, aber es ist nicht, Bilder und einige svg-Elemente
    • Hi Rahul, Sind Sie mit hml2canvas.js , screenshots zu machen? Die Plattform, die Sie verwenden entweder Mobil oder desktop? Haben Sie versucht, es nach hosting auf dem server wie wamp?
    • Ich entwickelte eine Anwendung, die e-learning-system mit nodejs und webrtc. Jetzt muss ich hinzufügen, screen-recording-Modul, so dass für diese bin ich mit webrtc-experiment.com/RecordRTC diese API. In dem Sie html2canvas Bibliothek Screenshot der Webseite zu erfassen den Bildschirm. Aber in meiner Seite als whiteboard ich bin mit svg-Elemente. Also wenn ich aufnehme der Bildschirm mit diesem API wird der zugehörige Datensatz nur grundlegende html5-element, aber nicht svg-Bilder in svg-element.
    • Haben Sie versucht, nach Host in den server?
    • Hi Rahul, sorry für die Verzögerung In deinem Fall, ich weiß nicht, ob nodejs-server agiert wie wamp oder xampp zu unterstützen html2cancvas. Eine Sache zu tun, versuchen Sie, führen Sie html2canvas Datei allein in wamp oder xampp-server zu Debuggen wo genau das problem Auftritt.
    • Ja, ich habe versucht diese aber immer noch nicht Bilder von svg-element
    • Kannst du deinen code?
    • sicher, aber wo ?
    • Lassen Sie uns weiter, diese Diskussion im chat.
    • es funktioniert nicht nach dem hosting in der LAMPE
    • Hi sorry das ist mein Fehler. Sie erfassen img-tags, aber problem ist seine nicht die Erfassung svg-element Bilder
    • html2canvas.js keine svg-Unterstützung. siehe die FAQ in html2canvas offiziellen website. html2canvas.hertzen.com/faq.html Alternative Lösung ist, können Sie konvertieren Sie svg-Inhalt zu einem Bild und zu erfassen. hoffe, dass dieser Weg funktioniert.
    • hast du die Lösung für Bilder, die von Servern in den anderen server?
    • Tut mir Leid ich didn;t versuchen host in anderen Servern.
    • so hast du host es in den gleichen server?
    • Ja.
    • Anyways, ich hab die Lösung

    InformationsquelleAutor Karthikeyan
Schreibe einen Kommentar