SVGcode

SVGcode : une PWA pour convertir des images raster en graphiques vectoriels SVG

SVGcode est une application Web progressive qui vous permet de convertir des images raster telles que JPG, PNG, GIF, WebP, AVIF, etc. en graphiques vectoriels au format SVG. Il utilise l'API d'accès au système de fichiers, l'API du presse-papiers asynchrone, l'API de gestion des fichiers et la personnalisation de la superposition des contrôles de fenêtre. L'application est disponible sur SVGco.de. Tu vois ce que j'ai fait là-bas ? Pour plus d’informations, lisez l’article ci-joint ou regardez la vidéo.

Développer et/ou contribuer

1. Forkez ce référentiel.
2. Clonez depuis votre fork : git clone [email protected]:<your-github-account>/SVGcode.git
3. Naviguez dans le répertoire de l'application : cd SVGcode
4. Installez les dépendances : npm i
5. Démarrez l'application : npm start
6. Ouvrez l'application dans votre navigateur : http://localhost:3000
7. Consultez les problèmes disponibles ou créez un nouveau problème décrivant vos projets.
8. Commencez à pirater. Vite recharge automatiquement l'application en cas de modifications.
9. Lint vos modifications : npm run lint
10. Assurez-vous que vos modifications respectent le style du code : npm run fix
11. Ouvrez une Pull Request qui résout le problème (voir 7. ci-dessus).
12. Amusez-vous bien et merci de votre intérêt pour le code SVG !

Contribuer aux traductions

Si le code SVG n'est pas disponible dans votre langue, envisagez de contribuer à une traduction. Par conséquent, faites une copie de l'un des fichiers dans src/i18n/ (la plupart des utilisateurs seront probablement plus familiers avec en-US.js ) et traduisez les chaînes. Nommez le nouveau fichier en fonction Tags for Identifying Languages ( $language-$REGION comme en-US ). Ajoutez ensuite le code de langue au tableau SUPPORTED_LANGUAGES dans src/js/i18n.js et les paramètres régionaux au tableau SUPPORTED_LOCALES dans le même fichier. Merci !

Remerciements

Avec SVGcode, je m'appuie simplement sur un outil de ligne de commande appelé Potrace de Peter Selinger que j'ai converti en Web Assembly, afin qu'il puisse être utilisé dans une application Web. Les SVG convertis sont automatiquement optimisés via l'incroyable bibliothèque svgo.

Zone de vantardise

Alternatives

Les projets répertoriés ici doivent être basés sur le Web, gratuits à utiliser avec la possibilité d'enregistrer le SVG, open source et ne pas nécessiter de connexion de l'utilisateur :

• VTracer (code source)
• Image vers SVG (basé sur imagetracerjs)

Licence

Licence publique générale GNU v2.0

(Cela est dû au fait que Potrace a choisi la licence publique générale GNU v2.0.)