Tag: html2canvas

html2canvas ist ein JavaScript-HTML-rendering-Bibliothek, die können Sie nehmen „screenshots“ von Webseiten basierend auf den DOM.

html2canvas nicht erfassen Bild

Anzahl der Antworten 1 Antworten
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

html2canvas warten, bis die Bilder laden

Anzahl der Antworten 1 Antworten
Ich bin mit diesem problem für einige Zeit ow und ich kann nicht scheinen, um eine Lösung zu finden. Ich bin mit der neuesten html2canvas js-plugin, um einen screenshot von der Grafik gemacht mit flotcharts und anschließend

Wie Konvertiert iframe auf die Leinwand?

Anzahl der Antworten 2 Antworten
Ich versuche, zu speichern Sie alle Inhalte in anderen Seite zu Bild. Ich habe entdecken Sie die Möglichkeit, dies zu tun, so dass ich denke, dass ich brauchen, um zu konvertieren, dass die Seite, auf Leinwand. So,

Wie kann ich die speichern den screenshot mit html2canvas?

Anzahl der Antworten 2 Antworten
Ich versuche zu speichern, den screenshot der website mit html2canvas 0.34. Aber ich weiß nicht wo der screenshot gespeichert werden, wie zum speichern der screenshot in meine db auf oder öffnen Sie das Bild mit einem neuen

Screenshot von <body> mit html2canvas und store-img-JS var

Anzahl der Antworten 3 Antworten
Ich bin versucht, Benutzer auf meiner Seite einen Knopf drücken, um einen screenshot des aktuellen Bildschirms ( alles im Körper). Aus meiner Forschung, html2canvas scheint zu sein, eine Ressource, die dies möglich macht. Mein Problem ist in

html2canvas javascript screenshot und hochladen

Anzahl der Antworten 3 Antworten
Würde es möglich sein, mit html2canvas ( Diese) , um ein Bild von dem Bildschirm des Benutzers, sondern auch das Bild hochzuladen, bekommen Sie den upload-link und senden Sie es mit ajax auf dem webserver? wenn ja,

Javascript - konvertieren von HTML-div-mit SVG zu image

Anzahl der Antworten 1 Antworten
Ich nutze Highcharts und ein Diagramm zeichnen. Möchte ich hinzufügen, dass "export to PNG" - option, die beide enthält Highcharts-Graphen und äußeren div. Bei der Verwendung von Highcharts-export, ich bin nicht in der Lage zur Beurteilung der

So entfernen Sie bestimmte Elemente vor der Einnahme screenshot?

Anzahl der Antworten 1 Antworten
Ich bin in der Lage, nehmen Sie screenshot der Seite mit den Beispiel-code unten: html2canvas(document.body, { onrendered: function(canvas) { document.body.appendChild(canvas); } }); Nun gibt es bestimmte div ' s ich nicht wollen Teil sein von der Seite,

html2canvas code nicht funktioniert IE 11

Anzahl der Antworten 2 Antworten
Ich bin in der Hoffnung zu verwenden, die html2canvas Bibliothek, um ein Bild von einem div-Element und legen Sie es in einem anderen. Bisher habe ich es funktioniert wunderbar in Safari, Chrome und Firefox, aber nicht IE

konvertieren von div-in-Bild-Daten unter Verwendung von jquery

Anzahl der Antworten 2 Antworten
Ich habe eine html-Seite. Bei dem habe ich eine Schaltfläche, wenn ich auf diese Schaltfläche klicken, sollte Sie konvertieren die gesamte html-Seite in der Daten-image. Ich erreichte dies durch die Verwendung von html2canvas wie folgt: html2canvas([document.getElementById('form1')], {

html2canvas offscreen

Anzahl der Antworten 4 Antworten
In mit html2canvas, ich habe eine stack von DOM-Objekten (relative positionierten div ' s enthalten verschiedene Dinge), dass ich wünschte, erstellen individuelle thumbnails für. Also, wenn es zehn divs erstelle ich zehn miniaturen. Einige dieser Objekte werden

html2canvas Fehler: nicht abgefangener Fehler: IndexSizeError: DOM Exception 1

Anzahl der Antworten 4 Antworten
Ich bin mit html2canvas konvertieren ein div auf einer Leinwand. Wie diese: <script src="js/libs/jquery-1.7.1.min.js"></script> <script src="js/libs/jquery-ui-1.8.17.custom.min.js"></script> <script src="js/html2canvas/html2canvas.js"></script> ... <body id="body"> <div id="demo"> ... </div> </body> <script> $('#demo').html2canvas({ onrendered: function( canvas ) { var img = canvas.toDataURL()

html-und Svg-Leinwand, javascript

Anzahl der Antworten 5 Antworten
<div id="Contents"> <div style="float:left;margin-left:10px;"> <svg></svg> </div> <div style="float:left;margin-left:10px;"> <svg></svg> </div> </div> Dies ist mein html-code. Ich will es konvertieren Leinwand Bild. html2canvas($("#Contents"), { onrendered: function(canvas) { window.open(canvas.toDataURL()); } }); Benutze ich html2canvas plugin zum konvertieren Sie es,

HTML2canvas generiert, die Verschwommenen Bilder

Anzahl der Antworten 5 Antworten
Ich bin mit jsPDF und es nutzt html2canvas, um ein Bild zu generieren, von dem einige html-element, und legen Sie auf die .pdf-Datei. Aber es gibt ein problem auf html2canvas, es erzeugt unscharfe Bilder aus dem html.

HTML2Canvas nicht macht, volle div, nur das, was auf dem Bildschirm sichtbar ist?

Anzahl der Antworten 4 Antworten
Ich versuche, HTML2Canvas zum Rendern der Inhalt einer div. Hier ist der code: var htmlSource = $('#potenzial-page')[0]; $('#btn').on("click", function() { html2canvas(htmlSource).then(function(canvas) { var img = canvas.toDataURL(); window.open(img); }); }); Ich bin mit der v5 beta 3. Wenn

Wie man screenshot von Google Maps mit JavaScript oder jQuery?

Anzahl der Antworten 2 Antworten
Möchte ich einen "screenshot" von einer google-map in meine html-Datei mit JavaScript. Der Karte ist derzeit laden in div tags, also ich bin nicht in der Lage, Bild mit dieser <div> tag. Aber wenn ich laden Sie

html2canvas im Winkel 4

Anzahl der Antworten 3 Antworten
Ich bin in der Lage, nehmen Sie einen screenshot mit html2canvas im Winkel 4, aber ich brauche zum senden der Zeichenfolge Bild auf der server-Seite mit einem http post Aufruf Komponente JS: import { Component, OnInit, NgZone

Konvertieren Sie html in Bild und speichern Sie es ?(verwenden Sie html2canvas.js)

Anzahl der Antworten 3 Antworten
Ich habe ein großes problem, bitte helfen Sie mir ! Das ist mein code : HTML: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="//code.jquery.com/jquery-2.1.1.js"></script> <script type="text/javascript" src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <script type="text/javascript" src="http://html2canvas.hertzen.com/build/html2canvas.js"></script> <script type="text/javascript" src="jquery.plugin.html2canvas.js"></script> <script type="text/javascript"> $(function() { $("#show_button").click(function()

Wie lade einen screenshot mit html2canvas?

Anzahl der Antworten 3 Antworten
Mit html2canvas wie kann ich einen Screenshot, um ein Objekt? Ich habe die Erkundung der demos, und sehen, dass die Funktion zum generieren der screenshot wird wie folgt generiert: $(window).ready(function() { ('body').html2canvas(); }); Was ich versucht habe

Wie, um ein Bild anzuzeigen, das in zwei Seiten, in PDF-Datei mit der jsPDF?

Anzahl der Antworten 6 Antworten
Ich habe eine html-Seite. Bei dem habe ich eine Schaltfläche , whenerever ich klicken Sie auf diesen button, es wird konvertieren Sie die gesamte html-Seite in der Daten-Bild mit html2canvas und legte es in PDF-Datei mit der

So sparen Sie html2canvas Bild in mein Projekt-Ordner "Bilder"?

Anzahl der Antworten 2 Antworten
Ich bin nicht sicher, wie Sie Sie, um den Pfad für die Datei zu speichern (wie ../images/screenshot.png)ich habe versucht, das Bild speichern, wie html2canvas($my-div, { useCORS: true, allowTaint: true, onrendered: function (canvas) { var img = canvas.toDataURL("image/png").replace("image/png",

Nutzung des Codemirror - & html2canvas: Speichern iFrame als Bild

Anzahl der Antworten 2 Antworten
Fiddle 1 ( html2canvas ): http://liveweave.com/HM9hSY Fiddle 2 (Mit html2canvas ohne Nutzung des Codemirror): http://liveweave.com/rS8yxI Fiddle 3 (Mit html2canvas mit Nutzung des Codemirror): http://liveweave.com/TF3Ono Geige 4 (Mit html2canvas mit Nutzung des Codemirror): http://liveweave.com/hqPoQg Heute wollte ich versuchen

html2canvas zu Rendern PDF-Dokument mit css-styling mit angular2/Typoskript

Anzahl der Antworten 5 Antworten
So erzeugen Sie eine Ausgabe-Datei-PDF-Datei mit html2canvas mit angular2 Habe ich versucht, die Datei zu importieren html2canvas Typoskript und eine Erklärung, wie diese zu verwenden, es declare let html2canvas: Html2CanvasStatic; aber ich bekomme html2canvas ist nicht definiert

Wie verwenden Sie html2canvas proxy

Anzahl der Antworten 1 Antworten
Ich bin mit html2canvas plugin zum generieren von Snapshots von web-Seiten. Das problem ist, dass alles läuft ok in der localhost, aber wenn Sie eingesetzt werden, auf dem remote-server bekomme ich die folgende Fehlermeldung : keine Bilddaten

html2canvas plugin nicht erfassen Bild

Anzahl der Antworten 1 Antworten
Diese Frage wurde gebeten vor, aber ich kann nicht scheinen, um es zu arbeiten. Hoffentlich können Sie sehen, die Fehler meiner Wege. Der folgende code erfassen Sie den text und graue div nicht aber das Bild. <div

Speichern google map als Bild - mit javascript (können screenshot)

Anzahl der Antworten 1 Antworten
Bezog ich mich auf die folgenden Fragen zu capture-a-screenshot von google maps mit javascript (html2canvas). feedback.js, Bildschirm-Aufnahme-mit-html2canvas, erstellen-screen-shot, capture-div-in-Bild, html2canvas-github. Ich verwendet statische Karten um das Bild, aber ich habe fast 150-Marker und die Gesamtlänge des URL-ging

Größe ändern und speichern html2canvas erzeugte Bild

Anzahl der Antworten 2 Antworten
Hier ist das Skript, das ich verwende <script src="http://code.jquery.com/jquery.min.js"></script> <script>window.jQuery||document.write('<script src="js/jquery-1.7.1.min.js"><\/script>');</script> <script type="text/javascript" src="http://html2canvas.hertzen.com/js/html2canvas.js?rev032"></script> <script type="text/javascript"> var date=new Date(); var message,timeoutTimer,timer; var proxyUrl="http://html2canvas.appspot.com"; function addRow(a,c,d){var b=$("<tr />").appendTo($(a));b.append($("<td />").css("font-weight","bold").text(c)).append($("<td />").text(d))} function throwMessage(b,a){ window.clearTimeout(timeoutTimer); timeoutTimer=window.setTimeout(function(){ message.fadeOut(function(){message.remove()}) }, a||2000); $(message).remove();

jsPdf mit html2canvas.js für den export von pdf aus html-Code nicht arbeiten für große Daten

Anzahl der Antworten 2 Antworten
Hallo, ich bin mit jsPdf für die Erstellung von pdf aus html-Inhalt, es geht in Ordnung für kurzen content und die Erstellung von pdf , aber wenn ich versuche, es zu benutzen auf großen Inhalt mit html2canvas.js

Bild in PDF-cut-off: Wie man eine Leinwand passen komplett in eine PDF-Seite?

Anzahl der Antworten 3 Antworten
Beim aufstellen der Leinwand in der PDF-Datei über den jspdf Bibliothek macht das Bild abgeschnitten. html2canvas(myContainer, {background: 'red'}).then (canvas) -> imgData = canvas.toDataURL('image/jpeg', 1.0) window.open(imgData) # this is just a test that opens the image in a

Drucken der Seite mit html2canvas

Anzahl der Antworten 5 Antworten
Baue ich eine Seite drucken-Funktion auf meiner Webseite mit html2canvas. function printthispage() { html2canvas($("#mydiv"), { onrendered: function (canvas) { var myImage = canvas.toDataURL("image/png"); var printWindow = window.open(myImage); printWindow.document.close(); printWindow.focus(); printWindow.print(); printWindow.close(); } }); } Jedoch das Fenster

html2canvas funktioniert nicht mit Google-Maps-Pfanne

Anzahl der Antworten 4 Antworten
Ich bin mit html2canvas zu sparen, meine online-Karte als ein Bild (Siehe " Speichern als Bild-link). Ich habe versucht es in Firefox, Chrome und Opera. Neigt Sie dazu, länger zu arbeiten, oft, wenn Sie nicht zu ändern,

html2canvas fehlenden hintergrund

Anzahl der Antworten 3 Antworten
Ich bin mit html2canvas zu generieren Bild von meiner html-Seite. Wenn ich meine url http://prompter.rareapps.org/prompt/prompt-save2.php?p=123 in Webseite-renderer von html2canvas website (http://html2canvas.hertzen.com/screenshots.html) meine Seite gerendert wird, richtig mit hintergrund. Aber wenn ich die Erstellung meiner eigenen Leinwand, ich

HTML2canvas und Canvas2image, heruntergeladen screenshot nicht zeigen, meine HTML-Bilder

Anzahl der Antworten 1 Antworten
Habe ich gearbeitet, auf einer HTML-Seite, die möchte ich umwandeln in ein Bild. Habe ich mit dem html2canvas und canvas2image scripts genommen und diesen code http://jsfiddle.net/8ypxW/3/ hier, dass hat mir erlaubt, erstellen Sie eine Taste, die einen

html2canvas - kein screenshot für iframe

Anzahl der Antworten 2 Antworten
Ich habe eine Aufgabe, wo ich zum laden einer URL (e.g www.yahoo.com) auf meiner Webseite, und nehmen Sie screenshot. Ich bin mit html2canvas für screenshot und anfügen an den Körper der Seite. Die Seite angegeben, von der

Bild skalieren, bevor toDataURL - html2canvas

Anzahl der Antworten 3 Antworten
Bevor Sie mir sagen, ist dies eine doppelte Frage, wissen, dass ich gesucht habe durch jeder single ähnliche Frage und keine die Antworten in jedem von Ihnen arbeiten für mich. Im mit html2canvas , machen Sie einen

Warum ist html2canvas nicht definiert?

Anzahl der Antworten 2 Antworten
Wenn ich rufe diese Funktion immer "html2canvas ist nicht definiert". makeScreenshot: function(button) { debugger; html2canvas(document.body, { Uncaught ReferenceError: html2canvas is not defined onrendered: function(canvas) { document.body.appendChild(canvas); } }); }, aber warum? Ich habe eine Klasse für sich...

So sparen Sie html2canvas Bild in die System-Ordner in jquery

Anzahl der Antworten 2 Antworten
Ich habe ein Formular mit id="form1" in diesem Formular habe ich ein Diagramm.Jetzt bin ich mit html2canvas, um das image dieses form1.Hier ist mein code.. <script type="text/javascript"> $(document).ready(function () { $('#add_button').click(function () { alert("hiii"); $('form1').html2canvas(); var queue

ajax InvalidStateError: es wurde versucht, ein Objekt zu verwenden, ist nicht, oder nicht mehr nutzbar

Anzahl der Antworten 2 Antworten
Sehr seltsames Problem...ich versuche mich zu übergeben mehrere Werte an eine Methode in der post. Es funktioniert gut, solange ich post nicht als Objekt. Aber wenn ich versuche zu posten als ein Objekt bekomme ich die Fehlermeldung

Angular2 - Erzeugen von pdf aus HTML mit jspdf

Anzahl der Antworten 4 Antworten
Für ein Projekt an dem ich arbeite brauche ich, um in der Lage sein zum generieren einer PDF-Datei der Seite, die der Benutzer gerade befindet, für die ich verwenden werde jspdf. Da ich eine HTML ich muss

html2canvas Bild speichern funktioniert nicht

Anzahl der Antworten 1 Antworten
Ich bin rendering ein screenshot mit html2canvas 0.4.0 und möchten, speichern Sie es als Bild auf meinen webserver. Zu tun, die ich geschrieben habe die folgende Funktion: JavaScript function screenShot(id) { html2canvas(id, { proxy: "https://html2canvas.appspot.com/query", onrendered: function(canvas)

html2canvas speichern als jpeg ohne öffnen in browser

Anzahl der Antworten 1 Antworten
Ich versuche zu erstellen, ein Bildschirmfoto-button, erstellt ein Bild des Benutzers document.body. Ideal der Benutzer kann dann eine option zum speichern das Bild lokal als .jpeg. Bin ich immer knapp an die Funktionalität, die ich über die

Html2Canvas Größe

Anzahl der Antworten 5 Antworten
Ich bin mit html2canvas, in einer Anstrengung, um einen screenshot von einer Webseite und stellen ihn als eine Miniatur (gut, 400x300, nicht gerade ein thumbnail). Basiert auf der Screenshot Konsole code, klappt alles Super mit Ausnahme der

Mit html2canvas zum Rendern eines highcharts-Diagramm zu pdf funktioniert nicht auf IE und Firefox

Anzahl der Antworten 1 Antworten
Sind wir mit html2canvas.js und html2canvas.svg.js (version 0.5.0 beta1) und highcharts.js zum herunterladen einer donut-Diagramm in pdf. Diese wie erwartet funktioniert in Chrome, aber im IE und Firefox nicht funktioniert. Im IE wird das Diagramm falsch wiedergegeben,

JSPDF - addHTML() Mehrfach-Leinwand-Seite

Anzahl der Antworten 4 Antworten
Bemerkte ich bereits eine Freigabe "addHTML() können nun teilen Sie die Leinwand in mehrere Seiten" finden Sie über diesen link : https://github.com/MrRio/jsPDF/releases/tag/v1.0.138. Darf ich wissen, wie es funktioniert? In meinem Fall, ich habe gerade versucht es heraus,

HTML2Canvas konvertieren übergelaufen Inhalt zu Bild

Anzahl der Antworten 2 Antworten
Ich habe eine div, die ziemlich überfüllt. Es umfasst im wesentlichen ein großes Organigramm. Was ich tun möchte, Export von kompletten Inhalt des div-eher als der sichtbare Teil mit html2canvas Bibliothek, aber ich konnte nicht erreichen, ist

Kann html2canvas Rendern von svg-Grafiken in eine Seite?

Anzahl der Antworten 1 Antworten
Ich bin mit html2canvas ein "screenshot" von einer HTML-Seite mit SVG. Sieht alles gut aus, außer das element. Ich weiß, dass es möglich sein sollte, zum Rendern von SVG-Grafiken im Canvas-Bereich; PhantomJS, fabric.js und CanVG es tun.

Wie transparent zu machen, die Farbe weiß anstelle von schwarz in canvas?

Anzahl der Antworten 6 Antworten
Ich versuche, nehmen Sie einen screenshot mit html2canvas: var body = document.getElementById("body") $(body).html2canvas({onrendered: function( canvas ) { var urlData = canvas.toDataURL("image/jpeg"); }}); Mein Körper ist der hintergrund transparent ist, und daher urlData, weil der jpeg-Format-schwarzer hintergrund (nicht

html2canvas ein Tutorial?

Anzahl der Antworten 2 Antworten
Ich verwenden möchte, html2canvas aber ich habe keine Ahnung, wie. Nichts für ungut, Hertzen, er hat ein tolles Skript, aber die Dokumentation ist unvollständig, so dass es ziemlich nutzlos. Schaute ich JSFeedback aber das ganze Skript (das

So speichern Sie die img auf dem lokalen computer des Benutzers mit HTML2canvas

Anzahl der Antworten 2 Antworten
Ich bin rendering einen screenshot onclick mit HTML2canvas .4.1 und möchten speichern Sie das Bild auf dem lokalen computer des Benutzers. Wie kann dies erreicht werden? Bitte beachten Sie, dass ich bin ein Anfänger, also eigentliche code

Capture div in Bild mit html2canvas

Anzahl der Antworten 4 Antworten
Ich bin versucht, ein div in ein Bild mit html2canvas Habe ich gelesen, die eine ähnliche Frage hier wie Wie lade einen screenshot mit html2canvas? erstellen screenshot der web-Seite mit html2canvas (nicht richtig initialisiert werden) Habe ich