SVGcode

SVGcode: PWA เพื่อแปลงภาพแรสเตอร์เป็นกราฟิกเวกเตอร์ SVG

SVGcode เป็น Progressive Web App ที่ให้คุณแปลงภาพแรสเตอร์ เช่น JPG, PNG, GIF, WebP, AVIF ฯลฯ เป็นกราฟิกเวกเตอร์ในรูปแบบ SVG โดยจะใช้ File System Access API, Async Clipboard API, File Handling API และการปรับแต่ง Window Controls Overlay แอพนี้สามารถดูได้ที่ 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. Lint การแก้ไขของคุณ: 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 ) จากนั้นเพิ่มรหัสภาษาในอาร์เรย์ SUPPORTED_LANGUAGES ใน src/js/i18n.js และภาษาในอาร์เรย์ SUPPORTED_LOCALES ในไฟล์เดียวกัน ดังเก้!

รับทราบ

ด้วย SVGcode ฉันแค่ยืนอยู่บนไหล่ของเครื่องมือบรรทัดคำสั่งชื่อ Potrace โดย Peter Selinger ที่ฉันแปลงเป็น Web Assembly ดังนั้นจึงสามารถใช้ในเว็บแอปได้ SVG ที่แปลงแล้วจะได้รับการปรับให้เหมาะสมโดยอัตโนมัติผ่านไลบรารี svgo ที่น่าทึ่ง

โซนคุยโว

ทางเลือก

โปรเจ็กต์ที่แสดงไว้ที่นี่ต้องเป็นแบบเว็บ ใช้งานได้ฟรีพร้อมตัวเลือกในการบันทึก SVG, โอเพ่นซอร์ส และไม่ต้องการให้ผู้ใช้เข้าสู่ระบบ:

• VTracer (ซอร์สโค้ด)
• รูปภาพเป็น SVG (ขึ้นอยู่กับ imagetracerjs)

ใบอนุญาต

ใบอนุญาตสาธารณะทั่วไปของ GNU v2.0

(นี่เป็นเพราะ Potrace เลือก GNU General Public License v2.0)