ดูตัวอย่างและแก้ไข SVG
เครื่องมือดูตัวอย่าง SVG ออนไลน์ฟรีพร้อมการแก้ไขแบบ Real-time เปลี่ยนสี เพิ่มพื้นหลัง ปรับแต่งไฟล์ และดาวน์โหลดเป็น SVG, PNG หรือ ICO รองรับ Undo/Redo
Loading tool...
ดูตัวอย่างและแก้ไข SVG คืออะไร?
เครื่องมือ SVG Preview แสดงผลโค้ด SVG ทันที ช่วยให้คุณตรวจสอบขนาด พฤติกรรมการย่อขยาย และยืนยันความถูกต้องของ Syntax ก่อนใช้งานจริง
ประโยชน์หลัก
- แสดงผลสด
- มุมมอง Debug
- ตรวจสอบขนาด
- ยืนยันรวดเร็ว
กรณีการใช้งาน
- •ทดสอบไอคอน
- •Debug ไฟล์ที่ export
- •เช็คขอบเขต
- •พัฒนา SVG
วิธีดูตัวอย่าง SVG
- ใส่ข้อมูล: อัปโหลดหรือวางโค้ด SVG
- ตรวจสอบ: ดูผลการแสดงและขนาด
- โค้ด: แก้โค้ดเพื่อดูความเปลี่ยนแปลง
คุณสมบัติหลัก
- ดูตัวอย่าง SVG code แบบเรียลไทม์
- ไฮไลท์ syntax สำหรับ SVG
- ควบคุมซูมและเลื่อน
- โหมดพื้นหลังมืดและสว่าง
- ดาวน์โหลดเป็น PNG
- แก้ไข SVG code โดยตรง
คำถามที่พบบ่อย
ทำไมไม่เปิดในเบราว์เซอร์?
Viewer เฉพาะมักบอกขอบเขต ขนาด และโค้ดไปพร้อมกัน
แก้โค้ดได้ไหม?
ได้ การแก้ Markup มักจะอัปเดตตัวอย่างแบบเรียลไทม์
รองรับอนิเมชั่นไหม?
รองรับ อนิเมชั่นแบบ SMIL หรือ CSS ใน SVG จะเล่นตามปกติ