SVG Viewer & Editor
Paste SVG code and preview it instantly with zoom controls.
เกี่ยวกับเครื่องมือนี้
วาง SVG markup แล้วดูผลการเรนเดอร์ในแคนวาสของเบราว์เซอร์ทันที SVG เป็นรูปแบบเวกเตอร์ที่ใช้ XML ซึ่งขยายได้อย่างสมบูรณ์แบบในทุกขนาดหน้าจอ
โหมดพื้นหลัง (ตารางหมากรุก ขาว ดำ) ช่วยตรวจสอบพื้นที่โปร่งใสและความคมชัดของสี ตัวควบคุมซูมช่วยตรวจสอบรายละเอียด
วิธีใช้งาน
- วางหรือพิมพ์ SVG code ในแท็บตัวแก้ไข
- สลับไปที่แท็บตัวอย่างเพื่อดูผลการเรนเดอร์
- ปรับซูมและพื้นหลังเพื่อตรวจสอบได้ง่ายขึ้น
- คลิกคัดลอก SVG หรือดาวน์โหลด SVG เมื่อพร้อม
กรณีการใช้งาน
นักออกแบบตรวจสอบ SVG ที่ส่งออกจาก Figma หรือ Illustrator นักพัฒนาแก้ไขข้อผิดพลาดใน SVG แบบ inline วิศวกร frontend ยืนยันพื้นที่โปร่งใสด้วยพื้นหลังตารางหมากรุก
คำถามที่พบบ่อย
- SVG code ของฉันจะถูกส่งไปยังเซิร์ฟเวอร์หรือไม่? — ไม่ ตัวอย่างแสดงผลทั้งหมดในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลดหรือจัดเก็บใดๆ
- ทำไม SVG ของฉันถึงดูว่างเปล่า? — ตรวจสอบว่าองค์ประกอบราก <svg> มี viewBox หรือ width/height ที่ชัดเจน และสี fill ต่างจากพื้นหลัง
- แก้ไขและดาวน์โหลดซ้ำได้ไหม? — ได้ แก้ไขในแท็บตัวแก้ไข ตรวจสอบในตัวอย่าง แล้วคลิกดาวน์โหลด SVG