Download SVGcode - Download do código-fonte SVGcode

SVGcode

Outro código-fonte

Baixar

SVGcode: um PWA para converter imagens raster em gráficos vetoriais SVG

SVGcode é um aplicativo da Web progressivo que permite converter imagens raster como JPG, PNG, GIF, WebP, AVIF, etc. em gráficos vetoriais no formato SVG. Ele usa a API File System Access, a API Async Clipboard, a API File Handling e a personalização de sobreposição de controles de janela. O aplicativo está disponível em SVGco.de. Viu o que eu fiz lá? Para obter mais informações, leia o artigo que acompanha ou assista ao vídeo.

Desenvolvendo e/ou contribuindo

Bifurque este repositório.
Clone do seu fork: git clone [email protected]:<your-github-account>/SVGcode.git
Navegue até o diretório do aplicativo: cd SVGcode
Instale as dependências: npm i
Inicie o aplicativo: npm start
Abra o aplicativo no seu navegador: http://localhost:3000
Confira os Issues disponíveis ou crie um novo Issue descrevendo seus planos.
Comece a hackear. Vite recarrega automaticamente o aplicativo após alterações.
Lint suas modificações: npm run lint
Certifique-se de que suas alterações respeitem o estilo do código: npm run fix
Abra uma solicitação pull que corrija o problema (consulte 7. acima).
Divirta-se e obrigado pelo seu interesse no SVGcode!

Contribuindo com traduções

Se o SVGcode não estiver disponível no seu idioma, considere contribuir com uma tradução. Portanto, faça uma cópia de um dos arquivos em src/i18n/ (a maioria dos usuários provavelmente estará mais familiarizada com en-US.js ) e traduza as strings. Nomeie o novo arquivo de acordo com Tags for Identifying Languages ( $language-$REGION como en-US ). Em seguida, adicione o código do idioma à matriz SUPPORTED_LANGUAGES em src/js/i18n.js e a localidade à matriz SUPPORTED_LOCALES no mesmo arquivo. Danke!

Agradecimentos

Com o SVGcode, estou apoiado em uma ferramenta de linha de comando chamada Potrace, de Peter Selinger, que converti para Web Assembly, para que possa ser usada em um aplicativo Web. Os SVGs convertidos são otimizados automaticamente por meio da incrível biblioteca svgo.