SVGcode

SVGcode: 래스터 이미지를 SVG 벡터 그래픽으로 변환하는 PWA

SVGcode는 JPG, PNG, GIF, WebP, AVIF 등과 같은 래스터 이미지를 SVG 형식의 벡터 그래픽으로 변환할 수 있는 프로그레시브 웹 앱입니다. 파일 시스템 액세스 API, Async Clipboard 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 ( en-US 와 같은 $language-$REGION )에 따라 새 파일의 이름을 지정합니다. 그런 다음 src/js/i18n.js 의 SUPPORTED_LANGUAGES 배열에 언어 코드를 추가하고 동일한 파일의 SUPPORTED_LOCALES 배열에 로캘을 추가합니다. 단케!

감사의 말

SVGcode를 사용하면 웹 어셈블리로 변환한 Peter Selinger의 Potrace라는 명령줄 도구를 사용하여 웹 앱에서 사용할 수 있습니다. 변환된 SVG는 놀라운 svgo 라이브러리를 통해 자동으로 최적화됩니다.

자랑거리

대안

여기에 나열된 프로젝트는 웹 기반이어야 하며 SVG 저장 옵션과 함께 무료로 사용할 수 있고 오픈 소스여야 하며 사용자가 로그인할 필요가 없어야 합니다.

• Vtracer(소스 코드)
• 이미지를 SVG로(imagetracerjs 기반)

특허

GNU 일반 공중 라이선스 v2.0

(이는 Potrace가 GNU General Public License v2.0을 선택했기 때문입니다.)