Wie kann ich SVG mit JavaScript in JPEG, PNG und andere Formate konvertieren?

SVG im Browser in JPEG, PNG und andere Formate konvertieren

Das Erstellen hochwertiger Bilder aus SVG-Grafiken kann eine Herausforderung sein. insbesondere, wenn Sie sie in verschiedenen Formaten exportieren müssen. JavaScript bietet eine vielseitige Lösung für diese Aufgabe und ermöglicht Ihnen die nahtlose Konvertierung von SVG-Bildern in Bitmaps, ohne dass externe Tools oder Plugins erforderlich sind.

So konvertieren Sie SVG in Bitmap-Bilder

Um SVG mit JavaScript in gängige Bildformate wie JPEG oder PNG zu konvertieren, können Sie diesen folgen Schritte:

1. Canvg-Bibliothek zum Rendern verwenden:

   • Integrieren Sie die Canvg-JavaScript-Bibliothek in Ihr Projekt: https://github. com/gabelerner/canvg.
   • Rendern Sie das SVG-Bild mit Canvg auf Canvas. Mit diesem Schritt wird eine Bitmap-Version Ihres SVG generiert.

2. Bilddaten von der Leinwand erfassen:

   • Nach dem Rendern des SVG to Canvas können Sie einen Daten-URI erfassen, der im gewünschten Format (z. B. JPG oder PNG) codiert ist.
   • Weitere Informationen finden Sie im Umfassende Anleitung bei Capture HTML Canvas als gif/jpg/png/pdf? Ausführliche Anweisungen zur Umsetzung dieses Schritts finden Sie hier.

Das obige ist der detaillierte Inhalt vonWie kann ich SVG mit JavaScript in JPEG, PNG und andere Formate konvertieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!