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

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", "image/octet-stream");
      location.href = img;
   }
});

Diese heruntergeladen, um mein system downloads.Wie Speichere ich die Ordner im Projekt (möchten geben Sie den Pfad habe ich die Datei speichern möchten)?

  • Schicken Sie das Bild, um server und Prozess mittels PHP. var img enthält nur Bild base64-string, nichts mehr
  • aber warum? Ich will speichern, wird das Bild im client-Seite. Ok, Lassen Sie mich die Frage in dieser Art und Weise.. ich möchte den screenshot mit social-sharing-plugin.
  • Mein code teilen Bild window.plugins.socialsharing.share( 'My Message', null, [image link here], null );
InformationsquelleAutor Meroshini | 2015-07-27
  1. 1

    Müssen Sie einige Bibliotheken wie Canvas2Image zum download-image. Benutzer geben Sie Pfad für das Bild von ihm selbst (Sie wissen nicht, wo Sie zu speichern, weil es kein solches Verzeichnis als 'C:\Users{SomeUsername}\Downloads'

    html2canvas($my-div, {
    onrendered: function(canvas) {
        return Canvas2Image.saveAsPNG(canvas);
    }
});
    • Ich habe versucht Canvas2Image und es speichert das Bild, um das system downloads. Aber auch ohne Bibliothek kann ich speichern Sie das Bild, um die downloads mit dem code canvas.toDataURL("image/png").replace("image/png", "image/octet-stream") ich das Bild speichern möchten, um den spezifischen Pfad in meinem Projekt Ordner. Keine Hilfe?
    • Sie müssen angeben, wo Sie möchten, speichern Sie die Datei. Haben Sie vielleicht auto-save von einer Sorte? Haben Sie versucht, hongru.github.io/proj/canvas2image/index.html
    • Ja danke für die Mühe @Herr Justinas. Aber ich muss erwähnen, dass der Pfad im code.. speichern passieren soll, implizit. Benutzer sollten nicht wählen Sie den Pfad zu speichern.. Die Aufgabe ist einmal die Freigabe-Schaltfläche geklickt wird, wird die aktuelle Seite erfasst und verfolgt werden, über die Benutzer bevorzugten sozialen Medien.
    • So Sie aufnehmen möchten einige sind und senden die Daten an einigen social-media-website oder speichern Sie es auf computer? Was soc. Medien, welche plugins...
    • Bin mit das plugin, zu teilen. Der code sieht wie window.plugins.socialsharing.share( 'My Message', null, [image link here], null ); ich kann den Bild-link von speichern es irgendwo in meinem code (/images-Ordner)
    • also nochmal, Sie haben Ihren server zu benutzen, PHP AUF SERVER speichern, nicht auf user-Rechner, und nur als Sie können teilen das Bild.
    • gelöst ist das Problem. Vielen Dank für die Hilfe!!! @Herr Justinas
    • Sie können die Antwort nun akzeptieren
    • ja.. ich konnte nicht upvote da ich nicht genug Ruf

    InformationsquelleAutor Justinas
  2. 0

    Endlich dieses problem gelöst. Das plugin, das hat mir geholfen, zu sparen, Leinwand Bild in meinem lokalen Speicher ist canvas2image plugin von devgeeks. Direkt-pass-Bild als parameter an die Funktion speichern von plugin zu speichern, dass die Leinwand als Bild auf Ihren lokalen Speicher. 

        html2canvas($my-div, {
    height: myDivHeight,
    width: 350,
    useCORS: true,
    allowTaint: true,
    proxy: "your url",
    onrendered: function (canvas) {
      window.canvas2ImagePlugin.saveImageDataToLibrary(
        function(msg){
          console.log(msg) //path where image is saved
        },
        function(err){
            console.log(err);
        },
        canvas //pass canvas as third parameter
      );
    }
  });

    Ich verwendet html2canvas Bibliothek erfasst den aktuellen Bildschirm und verwendet canvas2Image plugin, um es zu speichern auf meinem lokalen Speicher. Prost!!!

    InformationsquelleAutor Meroshini
Schreibe einen Kommentar