หมุนและพลิก SVG

ที่นี่ไม่ได้ เมื่อหมุนทีละ 90° ผืนผ้าใบจะยังพอดีกับภาพวาดเป๊ะ แต่ที่ 37° จะไม่พอดี และคุณจะต้องมีระยะเผื่อ ต้องขยาย viewBox และต้องตัดสินใจว่าจะทำอย่างไรกับมุมทั้งสี่ การหมุนทีละ 90° ครอบคลุมกรณีใช้งานจริงอยู่แล้ว — หมุนไอคอน แก้ไฟล์ที่ส่งออกมาตะแคง — และให้ผลลัพธ์ที่คาดเดาได้แน่นอน

แทบไม่ มีเพียงอิลิเมนต์กลุ่มหนึ่งตัวพร้อมแอตทริบิวต์ transform ถูกเพิ่มเข้าไป และ viewBox กับแอตทริบิวต์ขนาดถูกอัปเดต ส่วนเส้นพาธ การไล่เฉดสี คลาส และ id ไม่ถูกแตะต้อง

มันไม่ได้เปลี่ยน แต่ยึดตามสิ่งที่คุณเห็น คำว่าแนวนอนหมายถึงพลิกซ้าย-ขวาบนหน้าจอเสมอ ซึ่งหลังจากหมุนไปหนึ่งในสี่รอบแล้ว มันก็ตรงกับอีกแกนหนึ่งในไฟล์ต้นฉบับ นี่คือพฤติกรรมที่ทุกคนคาดหวังจากโปรแกรมแก้ไขภาพ

ทั้ง title, desc, style, metadata และ defs ยังอยู่ที่ระดับบนสุดตามที่ควรเป็น มีเพียงตัวภาพวาดเท่านั้นที่เข้าไปอยู่ในกลุ่มที่หมุน โปรแกรมอ่านหน้าจอจึงยังประกาศภาพนี้แบบเดิม

ระบบจะเติมให้หนึ่งอันตาม width และ height ของไฟล์ หากไม่มี viewBox ก็ไม่มีผืนผ้าใบให้สลับด้าน การหมุนหนึ่งในสี่รอบจึงจะดันภาพวาดออกไปนอกพื้นที่ที่มองเห็น

ไม่ ไฟล์ถูกแยกวิเคราะห์และเขียนใหม่ในเบราว์เซอร์ของคุณ