dev/inspector
ดูภาพตัวอย่างและส่งออก SVG - ฟรี ใช้งานได้ทันที | Smocky
วาง SVG XML หรือ React JSX/TSX ที่ใช้ค่าคงที่ หรือลากไฟล์ SVG, JSX หรือ TSX ข้อมูลไม่ออกจากเบราว์เซอร์
คำถามที่พบบ่อย
ทำไม SVG ที่ดาวน์โหลดต่างจากซอร์สที่วาง
ไฟล์ดาวน์โหลดคือซอร์สที่ผ่านการกรองและแสดงในภาพตัวอย่าง element, attribute และ reference ที่ไม่อนุญาตจะถูกลบและแสดงรายการก่อนส่งออก
ทำไมการไม่มี viewBox จึงสำคัญ
viewBox กำหนดกรอบพิกัดที่ช่วยให้เนื้อหา SVG ปรับขนาดได้อย่างคาดการณ์ได้ หากไม่มี เบราว์เซอร์อาจยังจัดภาพให้พอดีได้ แต่ไฟล์ไม่ได้กำหนดระบบพิกัดที่ปรับขนาด
ทำไมฟอนต์และภาพภายนอกไม่ปรากฏในภาพตัวอย่างหรือ PNG
เครื่องมือแสดง SVG เป็นภาพที่มีข้อมูลในตัวและลบ reference ภายนอก ฟอนต์ที่ไม่ฝังจะใช้ฟอนต์สำรอง และไม่โหลดภาพระยะไกลทั้งในภาพตัวอย่างและผลส่งออก
วางคอมโพเนนต์ React ได้หรือไม่
ได้ ใช้ JSX หรือ TSX ที่ใช้ค่าคงที่และมีรากเดียวเป็น svg เครื่องมือแปลง markup ในเบราว์เซอร์แล้วกรองด้วยกฎ SVG เดียวกับ XML
ทำไมปฏิเสธ props ที่เปลี่ยนตามการทำงาน
Props, expression, การเรียกคอมโพเนนต์และ spread ต้องรัน JavaScript เครื่องมือรับเฉพาะซอร์สภาพที่ใช้ค่าคงที่เพื่อแปลงได้โดยไม่รันโค้ดที่วาง