Drop SVG files here, or click to choose
รองรับ SVG, SVGZ · วางด้วย Ctrl+V / ⌘V ได้เช่นกัน
Tip: paste SVG code anywhere on this page with Ctrl+V / ⌘V.
เปิดไฟล์ SVG หรือโค้ดที่วาง แล้วตรวจอย่างปลอดภัย: ซูม เลื่อน สลับพื้นหลัง และอ่านขนาดที่เรนเดอร์ ความกว้าง ความสูง viewBox และจำนวนองค์ประกอบ แก้ซอร์สพร้อมตัวอย่างสด สคริปต์ในไฟล์ไม่เคยทำงาน
วางไฟล์ SVG หรือ SVGZ บนหน้า หรือวางโค้ดในช่องแล้วคลิกเพิ่ม SVG กด Ctrl+V ที่ใดก็ได้บนหน้าก็ใช้ได้
สลับพื้นหลังระหว่างตารางหมากรุก สีขาว และสีดำ และซูมด้วยปุ่ม Ctrl/⌘ + เลื่อน หรือปุ่ม + − 0 1 ลากเพื่อเลื่อนภาพ และดับเบิลคลิกเพื่อพอดี
อ่านแผงรายละเอียด: ขนาดที่เรนเดอร์ ความกว้าง ความสูง viewBox ขนาดไฟล์ และองค์ประกอบ ชี้บนภาพวาดเพื่อดูพิกัดในหน่วย SVG
แก้โค้ดใต้ซอร์ส ตัวอย่างอัปเดตขณะพิมพ์ และข้อผิดพลาดไวยากรณ์บอกบรรทัดและคอลัมน์
ใต้ส่งออก คลิกดาวน์โหลด SVG หรือคัดลอก data URI
ปลอดภัย SVG ถูกแสดงเป็นรูปเท่านั้น ดังนั้นสคริปต์และตัวจัดการเหตุการณ์ในนั้นไม่เคยทำงาน และไฟล์ที่ลิงก์บนเว็บ (รูป ฟอนต์ สไตล์ชีต) ไม่ถูกโหลด ไม่มีอะไรถูกอัปโหลด
น่าจะขาดการประกาศ xmlns ตัวอย่างเติมให้อัตโนมัติและแสดงหมายเหตุ คลิกเพิ่มลงโค้ดเพื่อแก้ซอร์ส แล้วดาวน์โหลด
SVG ไม่มีทั้งความกว้างและความสูงและ viewBox ดังนั้นค่าเริ่มต้นของเบราว์เซอร์ถูกใช้ เมื่อขาดเฉพาะความกว้างและความสูง ขนาดมาจาก viewBox
สตริง data:image/svg+xml ที่เข้ารหัสแบบ URL ซึ่งวางใน background-image ของ CSS หรือ src ของ img ได้ สำหรับเวอร์ชัน Base64 หรือไฟล์ที่เล็กกว่า ให้รันผ่านตัวปรับ SVG ให้เล็กลง
ได้ ไฟล์ SVGZ ที่บีบอัดด้วย Gzip ถูกแตกในเบราว์เซอร์ และดาวน์โหลด SVG บันทึกโค้ดเป็นไฟล์ .svg ธรรมดา
