Signature_pad: Zuschneiden toDataURL('image/svg+xml');

Erstellt am 7. Feb. 2017  ·  5Kommentare  ·  Quelle: szimek/signature_pad

Hi. Während ich Beiträge zum Zuschneiden von Canvas gelesen habe, ist die Ausgabe die Basis 64 png. und ja, nicht jeder hat Zugriff auf den Server, daher wäre es definitiv hilfreich, die Client-Seite zu trimmen.

möchte eine Ernte für Basis 64 svg anfordern. svg ist immer noch am besten für die Ausgabe geeignet, da es sich um einen Vektor handelt.

enhancement

Alle 5 Kommentare

stoßen. Dies ist eine sehr nützliche Funktion. ^_^

Ich hoffe, diese Funktion stößt auf Interesse

Drei Jahre in und nicht einmal eine Antwort. Stoßen

Drei Jahre in und nicht einmal eine Antwort. Stoßen

Okay, das hat mich emotional berührt und möchte dieses Thema ein für alle Mal abschließen. Werde mit Lösung wiederkommen. frohes codieren.

PRs sind willkommen, aber wenn dieser Zuschneidecode als separate Bibliothek oder als separate Funktion implementiert werden könnte, die nicht importiert werden muss, wenn sie nicht verwendet wird, wäre dies vorzuziehen, um diese Bibliothek nicht mit Funktionen aufzublähen, die nur wenige Leute benötigen.

Außerdem pflege ich diese Bibliothek nicht mehr wirklich. Ich werde versuchen, bald ein paar Dinge aufzuräumen und die README-Datei mit Informationen zu aktualisieren, die ich für einen Betreuer suche.

Es tut mir leid, dass ich beleidigend geklungen habe. Ich wollte niemanden beleidigen. Vielen Dank für dieses Paket, ich benutze es gerne. Was ich bei meiner Suche nach konkreten Antworten nicht mag, ist das Stöbern in alten und offenen Tickets, die keine Antwort erhalten haben, daher habe ich vielleicht szimeks scheinbare Antwort übersehen, dass er es als Verbesserung aufnahm. Nochmals vielen Dank für dieses Paket.

Für alle, die verzweifelt nach Möglichkeiten zum Zuschneiden von SVG suchen, habe ich mehrere Lösungen gefunden.

  1. Ich hatte Glück, denn ich verwende diese Signaturen in fabric.js, wo Sie SVG so importieren können, dass der Leerraum automatisch gekürzt wird. Sehen Sie sich dieses Code-Snippet an:
fabric.loadSVGFromURL(svgFilePath, () => {
  // these are your signature path elements grouped together 
    var loadedObjects = new fabric.Group(group);
  },
  function (item, object) {
    object.set("id", item.getAttribute("id"));
    group.push(object);
  }
);

2, Sie können die viewBox-Eigenschaft in Ihrem SVG-XML-Code so ändern, dass nur die Signatur angezeigt wird.

  1. Andernfalls, wenn der Hintergrund leer ist, können Sie einfach alle Leerzeichen weglassen und mit dem vollständigen Vektor-"Bild" Ihrer Signatur arbeiten. Bei einem anderen Problem, bei dem ich das SVG in eine PDF-Datei einfüge, bin ich diesen Weg gegangen.
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

Sparticuz picture Sparticuz  ·  7Kommentare

crazzeto picture crazzeto  ·  8Kommentare

MarcGodard picture MarcGodard  ·  8Kommentare

hostcia picture hostcia  ·  6Kommentare

Zuldra picture Zuldra  ·  4Kommentare