SVGcode

SVGcode：将光栅图像转换为 SVG 矢量图形的 PWA

SVGcode 是一款渐进式 Web 应用程序，可让您将 JPG、PNG、GIF、WebP、AVIF 等光栅图像转换为 SVG 格式的矢量图形。它使用文件系统访问 API、异步剪贴板 API、文件处理 API 和窗口控件覆盖自定义。该应用程序可在 SVGco.de 上获取。看看我在那里做了什么？有关更多背景信息，请阅读随附的文章或观看视频。

开发和/或贡献

1. 分叉这个存储库。
2. 从您的分支克隆： git clone [email protected]:<your-github-account>/SVGcode.git
3. 导航到应用程序的目录： cd SVGcode
4. 安装依赖项： npm i
5. 启动应用程序： npm start
6. 在浏览器中打开应用程序： http://localhost:3000
7. 查看可用的问题或创建一个新问题来描述您的计划。
8. 开始黑客攻击。 Vite 会在更改后自动重新加载应用程序。
9. 检查您的修改： npm run lint
10. 确保您的更改尊重代码风格： npm run fix
11. 打开修复问题的拉取请求（参见上面的 7）。
12. 玩得开心，感谢您对 SVGcode 的兴趣！

贡献翻译

如果您的语言没有 SVGcode，请考虑提供翻译。因此，复制src/i18n/中的文件之一（大多数用户可能最熟悉en-US.js ）并翻译字符串。根据用于Tags for Identifying Languages （ $language-$REGION如en-US ）命名新文件。然后将语言代码添加到src/js/i18n.js中的SUPPORTED_LANGUAGES数组，并将语言环境添加到同一文件中的SUPPORTED_LOCALES数组。丹克！

致谢

使用 SVGcode，我只是站在 Peter Selinger 的一个名为 Potrace 的命令行工具的肩膀上，我已将其转换为 Web Assembly，因此可以在 Web 应用程序中使用它。转换后的 SVG 通过令人惊叹的 svgo 库自动优化。

吹牛区

替代方案

此处列出的项目必须是基于 Web 的、可免费使用并可选择保存 SVG、开源的项目，并且不需要用户登录：

• VTracer（源代码）
• 图像转SVG（基于imagetracerjs）

执照

GNU 通用公共许可证 v2.0

（这是由于 Potrace 选择了 GNU 通用公共许可证 v2.0。）