SVGcode

Código SVG: una PWA para convertir imágenes rasterizadas en gráficos vectoriales SVG

SVGcode es una aplicación web progresiva que le permite convertir imágenes rasterizadas como JPG, PNG, GIF, WebP, AVIF, etc. a gráficos vectoriales en formato SVG. Utiliza la API de acceso al sistema de archivos, la API del portapapeles asíncrono, la API de manejo de archivos y la personalización de superposición de controles de ventana. La aplicación está disponible en SVGco.de. ¿Ves lo que hice allí? Para obtener más información, lea el artículo adjunto o mire el vídeo.

Desarrollar y/o contribuir

1. Bifurca este repositorio.
2. Clona desde tu bifurcación: git clone [email protected]:<your-github-account>/SVGcode.git
3. Navegue al directorio de la aplicación: cd SVGcode
4. Instale las dependencias: npm i
5. Inicie la aplicación: npm start
6. Abra la aplicación en su navegador: http://localhost:3000
7. Consulte los problemas disponibles o cree un nuevo problema que describa sus planes.
8. Empieza a hackear. Vite recarga automáticamente la aplicación ante los cambios.
9. Limpia tus modificaciones: npm run lint
10. Asegúrese de que sus cambios respeten el estilo del código: npm run fix
11. Abra una solicitud de extracción que solucione el problema (consulte 7. arriba).
12. ¡Diviértete y gracias por tu interés en SVGcode!

Contribuyendo con traducciones

Si el código SVG no está disponible en su idioma, considere contribuir con una traducción. Por lo tanto, haga una copia de uno de los archivos en src/i18n/ (la mayoría de los usuarios probablemente estarán más familiarizados con en-US.js ) y traduzca las cadenas. Asigne un nombre al nuevo archivo según Tags for Identifying Languages ( $language-$REGION como en-US ). Luego agregue el código de idioma a la matriz SUPPORTED_LANGUAGES en src/js/i18n.js y la configuración regional a la matriz SUPPORTED_LOCALES en el mismo archivo. ¡Gracias!

Expresiones de gratitud

Con SVGcode, simplemente me apoyo en una herramienta de línea de comandos llamada Potrace de Peter Selinger que he convertido a Web Assembly, para que pueda usarse en una aplicación web. Los SVG convertidos se optimizan automáticamente a través de la increíble biblioteca svgo.

Zona de fanfarronería

Alternativas

Los proyectos enumerados aquí deben estar basados ​​en la web, ser de uso gratuito con la opción de guardar el SVG, ser de código abierto y no requerir que el usuario inicie sesión:

• VTracer (código fuente)
• Imagen a SVG (basado en imagetracerjs)

Licencia

Licencia pública general GNU v2.0

(Esto se debe a que Potrace eligió la Licencia pública general GNU v2.0).