ตัวดู SVG: ดูตัวอย่าง ซูม และส่งออก SVG หรือ PNG ออนไลน์
ตัวดู SVG คือเครื่องมือดูตัวอย่าง SVG สำหรับตรวจว่ามาร์กอัป SVG เรนเดอร์อย่างไรในเบราว์เซอร์ วางหรือลากเนื้อหา SVG เพื่อแสดงใน iframe แซนด์บ็อกซ์เต็มที่พร้อมลบสคริปต์ออก ซูมเข้าออก สลับพื้นหลังตารางหมากรุกเพื่อตรวจความโปร่งใส แล้วดาวน์โหลด SVG หรือส่งออก PNG ผ่านแคนวาส
ตัวดู SVG คือเครื่องมือดูตัวอย่าง SVG ออนไลน์ที่เรนเดอร์มาร์กอัป SVG เพื่อให้คุณตรวจผลลัพธ์ในเบราว์เซอร์ของคุณ วางหรือลากเนื้อหา SVG เพื่อดูว่าเอกสารปรากฏอย่างไร แทนการพึ่งข้อความต้นฉบับเพียงอย่างเดียว ตัวอย่างแสดงใน iframe แซนด์บ็อกซ์เต็มที่ และสคริปต์ถูกลบออก
คุณซูมเข้าออกเพื่อตรวจภาพที่เรนเดอร์ในสเกลต่างๆ และสลับพื้นหลังตารางหมากรุกเพื่อเห็นพื้นที่โปร่งใสชัดขึ้น เมื่อเสร็จแล้ว ดาวน์โหลด SVG หรือส่งออกเป็น PNG ผ่านแคนวาส ตัวควบคุมเหล่านี้ทำให้ดูตัวอย่าง SVG ออนไลน์ได้ตรงไปตรงมาและเลือกเอาต์พุตที่เหมาะกับงานถัดไปของคุณ
SVG คือรูปแบบภาพเวกเตอร์ ส่วน PNG คือรูปแบบภาพราสเตอร์ การเก็บภาพเป็น SVG มีประโยชน์เมื่อคุณต้องการเอกสารเวกเตอร์ การส่งออก PNG ให้เวอร์ชันราสเตอร์ของตัวอย่าง ตัวดูรองรับทั้งการดาวน์โหลด SVG และการส่งออก PNG คุณจึงตรวจรูปแบบต้นฉบับและสร้างเอาต์พุต PNG ได้เมื่อต้องการ
ตัวดู SVG ทำงานในเบราว์เซอร์ของคุณทั้งหมด อินพุตของคุณถูกประมวลผลบนอุปกรณ์ของคุณ และไม่ได้อัปโหลด จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ เมื่อโหลดหน้าแล้ว ใช้งานออฟไลน์ได้โดยไม่พึ่งพาเซิร์ฟเวอร์ มีประโยชน์สำหรับนักพัฒนาและวิศวกร DevOps ที่ต้องตรวจ SVG ที่ไม่ได้สร้างเอง ตรวจลักษณะที่เรนเดอร์ หรือส่งออก PNG โดยไม่ส่งอินพุตไปที่อื่น
ขั้นตอนที่ 1: วางมาร์กอัป SVG หรือลากไฟล์ SVG ลงในเครื่องมือเพื่อโหลดสำหรับดูตัวอย่าง
ขั้นตอนที่ 2: ตรวจ SVG ที่เรนเดอร์ในตัวอย่างและดูว่ารูปร่างและข้อความปรากฏอย่างไร
ขั้นตอนที่ 3: ซูมเข้าออกเพื่อตรวจ SVG ในสเกลต่างๆ
ขั้นตอนที่ 4: สลับพื้นหลังตารางหมากรุกเพื่อให้พื้นที่โปร่งใสมองเห็นง่ายขึ้น
ขั้นตอนที่ 5: ดาวน์โหลดไฟล์ SVG หรือส่งออกตัวอย่างเป็น PNG ผ่านแคนวาส
กรณีการใช้งาน: ตรวจเอกสาร SVG ที่คุณไม่ได้เขียนและเข้าใจยากโดยอ่านมาร์กอัปเพียงอย่างเดียว
กรณีการใช้งาน: ตรวจว่า SVG เรนเดอร์อย่างไรก่อนใช้ในโค้ดที่ใช้หรือแสดงเอกสาร
กรณีการใช้งาน: ตรวจ SVG ขนาดใหญ่ด้วยตาขณะหาว่าส่วนไหนของมาร์กอัปที่ต้องตรวจหรือแก้ไข
กรณีการใช้งาน: ซูมเข้าเพื่อตรวจรายละเอียดใน SVG เมื่อภาพเต็มประเมินยากในสเกลเริ่มต้น
กรณีการใช้งาน: ตรวจพื้นที่โปร่งใสโดยเปิดพื้นหลังตารางหมากรุก
กรณีการใช้งาน: ส่งออกตัวอย่าง SVG เป็น PNG เมื่อคุณต้องการภาพราสเตอร์แทนเอกสารเวกเตอร์ต้นฉบับ
กรณีการใช้งาน: ดาวน์โหลด SVG หลังตรวจในเบราว์เซอร์