SVGcode

SVGcode: Eine PWA zum Konvertieren von Rasterbildern in SVG-Vektorgrafiken

SVGcode ist eine Progressive Web App, mit der Sie Rasterbilder wie JPG, PNG, GIF, WebP, AVIF usw. in Vektorgrafiken im SVG-Format konvertieren können. Es verwendet die File System Access API, die Async Clipboard API, die File Handling API und die Anpassung der Window Controls Overlay. Die App ist unter SVGco.de erhältlich. Sehen Sie, was ich dort gemacht habe? Weitere Hintergrundinformationen finden Sie im Begleitartikel oder im Video.

Entwickeln und/oder Mitwirken

1. Forken Sie dieses Repository.
2. Klonen Sie von Ihrem Fork: git clone [email protected]:<your-github-account>/SVGcode.git
3. Navigieren Sie in das Verzeichnis der Anwendung: cd SVGcode
4. Installieren Sie die Abhängigkeiten: npm i
5. Starten Sie die Anwendung: npm start
6. Öffnen Sie die Anwendung in Ihrem Browser: http://localhost:3000
7. Sehen Sie sich die verfügbaren Ausgaben an oder erstellen Sie eine neue Ausgabe, in der Sie Ihre Pläne beschreiben.
8. Fangen Sie an zu hacken. Vite lädt die App bei Änderungen automatisch neu.
9. Flusen Sie Ihre Änderungen: npm run lint
10. Stellen Sie sicher, dass Ihre Änderungen den Codestil respektieren: npm run fix
11. Öffnen Sie einen Pull Request, der das Problem behebt (siehe 7. oben).
12. Viel Spaß und vielen Dank für Ihr Interesse an SVGcode!

Mitwirkende Übersetzungen

Wenn SVGcode in Ihrer Sprache nicht verfügbar ist, erwägen Sie, eine Übersetzung beizusteuern. Erstellen Sie daher eine Kopie einer der Dateien in src/i18n/ (die meisten Benutzer werden wahrscheinlich am besten mit en-US.js vertraut sein) und übersetzen Sie die Zeichenfolgen. Benennen Sie die neue Datei gemäß Tags for Identifying Languages ( $language-$REGION wie en-US ). Fügen Sie dann den Sprachcode zum Array SUPPORTED_LANGUAGES in src/js/i18n.js und das Gebietsschema zum Array SUPPORTED_LOCALES in derselben Datei hinzu. Danke!

Danksagungen

Mit SVGcode stehe ich einfach auf den Schultern eines Befehlszeilentools namens Potrace von Peter Selinger, das ich in Web Assembly konvertiert habe, damit es in einer Web-App verwendet werden kann. Die konvertierten SVGs werden automatisch über die erstaunliche SVGO-Bibliothek optimiert.

Prahlzone

Alternativen

Die hier aufgeführten Projekte müssen webbasiert und kostenlos mit der Option zum Speichern der SVG-Datei sowie Open Source sein und dürfen keine Anmeldung des Benutzers erfordern:

• VTracer (Quellcode)
• Bild zu SVG (basierend auf imagetracerjs)

Lizenz

GNU General Public License v2.0

(Dies liegt daran, dass Potrace sich für die GNU General Public License v2.0 entschieden hat.)