ตัวจัดรูปแบบ SVG — จัดรูปแบบและตกแต่งไฟล์ SVG ออนไลน์
ตัวจัดรูปแบบ SVG เปลี่ยนมาร์กอัป SVG ให้เป็นผลลัพธ์ที่จัดรูปแบบสม่ำเสมอ อ่านง่ายขึ้น โดยใช้เอ็นจิน XML ร่วม รักษา namespaces แอตทริบิวต์ และข้อมูล path และรองรับการย่อเอกสารเมื่อต้องการผลลัพธ์กระชับ เลือกการเยื้องและตัวเลือกที่มีก่อนจัดรูปแบบ การปัดเศษความแม่นยำของข้อมูล path ปิดโดยค่าเริ่มต้น ข้อมูล path จึงไม่ถูกปัดเศษเว้นแต่คุณเปิดตัวเลือกนั้น
ตัวจัดรูปแบบ SVG เป็นเครื่องมือในเบราว์เซอร์สำหรับทำให้มาร์กอัป SVG อ่านและทำงานได้ง่ายขึ้น ใช้เอ็นจิน XML ร่วมเพื่อจัดรูปแบบ SVG และยังย่อมาร์กอัปได้ ไม่ว่าคุณจะทำความสะอาดไฟล์ที่สร้างขึ้นหรือเตรียม SVG สำหรับตรวจทาน เครื่องมือให้วิธีตรงไปตรงมาในการจัดรูปแบบ SVG ออนไลน์
ตัวจัดรูปแบบรักษา namespaces แอตทริบิวต์ และข้อมูล path คุณสามารถเลือกการเยื้องและตัวเลือกที่มี รวมถึงการย่อ การปัดเศษความแม่นยำของข้อมูล path ปิดโดยค่าเริ่มต้น ตัวจัดรูปแบบจึงไม่ปัดเศษข้อมูล path โดยค่าเริ่มต้น วางหรือลาก SVG ของคุณเพื่อเริ่ม แล้วคัดลอกผลลัพธ์ที่จัดรูปแบบเมื่อพร้อม
SVG เป็นรูปแบบ XML-based ที่ใช้อธิบายกราฟิกเวกเตอร์ มาร์กอัปจึงมีองค์ประกอบซ้อน แอตทริบิวต์ และข้อมูล path การจัดรูปแบบทำให้เลย์เอาต์มาร์กอัปตรวจสอบได้ง่ายขึ้น ส่วนการย่อให้ผลลัพธ์กระชับ นักพัฒนาอาจจัดรูปแบบ SVG เมื่อตรวจทานกราฟิกที่สร้างขึ้น เปรียบเทียบการเปลี่ยนแปลง แชร์ตัวอย่าง หรือทำงานกับมาร์กอัป SVG ในโปรเจกต์
ตัวจัดรูปแบบ SVG ทำงานในเบราว์เซอร์ของคุณทั้งหมด ข้อมูลของคุณถูกประมวลผลบนอุปกรณ์ของคุณ ไม่ได้อัปโหลด เก็บไว้ หรือส่งไปยังเซิร์ฟเวอร์ ไม่ต้องสมัครสมาชิก และหลังจากหน้าเว็บโหลดเสร็จ เครื่องมือใช้งานออฟไลน์ได้โดยไม่มีการเชื่อมต่อเซิร์ฟเวอร์
เครื่องมือนี้มีประโยชน์สำหรับนักพัฒนาและวิศวกร DevOps ที่ต้องตรวจสอบ ตรวจทาน หรือจัดระเบียบไฟล์ SVG ไม่ว่าระดับประสบการณ์ใด ช่วยทำให้มาร์กอัปที่เครื่องสร้างอ่านง่ายขึ้น เตรียมเนื้อหาสำหรับการตรวจโค้ด และตรวจสอบว่าข้อมูลป้อนเข้าแยกวิเคราะห์สะอาดก่อนใช้ที่อื่น
ขั้นตอนที่ 1: วางหรือลาก SVG ของคุณลงในช่องป้อนข้อมูล เครื่องมือทำงานกับมาร์กอัป SVG
ขั้นตอนที่ 2: เลือกการเยื้องและตัวเลือกที่มี รองรับการย่อ และการปัดเศษความแม่นยำของข้อมูล path ปิดโดยค่าเริ่มต้น
ขั้นตอนที่ 3: จัดรูปแบบ SVG เพื่อรับผลลัพธ์ที่อ่านง่าย หรือใช้การย่อเมื่อต้องการผลลัพธ์กระชับ
ขั้นตอนที่ 4: คัดลอกผลลัพธ์สำหรับโปรเจกต์ ตรวจทาน รายงานบั๊ก หรือการเปลี่ยนโค้ดของคุณ
กรณีการใช้งาน: ทำให้ SVG ที่เครื่องสร้างอ่านไม่ได้ตรวจทานได้ง่ายขึ้นก่อน commit ลงที่เก็บข้อมูล
กรณีการใช้งาน: ตรวจทานเอกสาร SVG เทียบกับข้อกำหนดที่ต้องการได้ง่ายขึ้นโดยทำให้มาร์กอัปอ่านง่าย
กรณีการใช้งาน: สร้างผลลัพธ์เยื้องสม่ำเสมอเพื่อให้ diff เน้นการเปลี่ยนแปลงที่มีความหมายแทนความต่างของช่องว่าง
กรณีการใช้งาน: จัดรูปแบบตัวอย่าง SVG ก่อนเพิ่มลงในรายงานบั๊กหรือการตรวจโค้ด
กรณีการใช้งาน: ตรวจสอบว่าข้อมูล SVG ป้อนเข้าแยกวิเคราะห์สะอาดและระบุบรรทัดที่แยกวิเคราะห์ล้มเหลวเป๊ะ
กรณีการใช้งาน: ย่อ SVG เมื่อต้องการเวอร์ชันกระชับขึ้นของมาร์กอัป