ส่งออก SVG ด้วย Style in Chrome ด้วย OffiDocs

DESCRIPTION

ส่งออกองค์ประกอบ SVG DOM ใด ๆ (รวมถึงองค์ประกอบภายใน IFrames ที่มีต้นกำเนิดเดียวกัน) บนหน้าเว็บไปยังไฟล์สำหรับใช้ในแพ็คเกจการวาดภาพเช่น Inkscape

สแกนผ่านคลาส CSS เพื่อหาสไตล์ที่ SVG และองค์ประกอบย่อยใช้ และเพิ่มเป็นองค์ประกอบสไตล์แบบสแตนด์อโลนให้กับวัตถุ SVG ดังนั้นไฟล์ SVG ที่สร้างขึ้นจึงไม่ขึ้นอยู่กับคลาส CSS ภายนอก

เหมาะสำหรับการส่งผ่านการแสดงภาพที่สร้างขึ้นด้วย D3 ---- ใช้รูทีน fileSaver ของ Eli Grey: https://github

com/eligrey/FileSaver.com

js/ 1.1: ตอนนี้เพิ่มโหนด svg จำลองซึ่งมีรูปแบบการคำนวณของโหนดแม่ขององค์ประกอบ svg

ขจัดความคลาดเคลื่อนเล็กน้อย

1.11: โหนด Dummy svg มีรูปแบบการคำนวณขององค์ประกอบ svg จริง แก้ข้อบกพร่องอีกสองสามข้อ

1.12: ตรวจจับข้อผิดพลาดที่เกิดจากกฎสไตล์ที่ไม่ถูกต้องแทนที่จะหยุดทำงาน 1.13: จับคู่ข้อผิดพลาดเพิ่มเติมที่เกี่ยวข้องกับการจดจำสไตล์หลักที่รีดออก

1.14: ตอนนี้ยังสามารถดึงเอาองค์ประกอบ svg ภายใน IFrames ได้อีกด้วย

1.15: แก้ไขข้อบกพร่องเมื่อไม่มีรูปแบบ css - xinczhang 1.16: แก้ไขข้อบกพร่องเมื่อ IFrame ไม่สามารถเข้าถึงได้ (ทำให้เกิดข้อขัดข้อง) 1.17: แก้ไขข้อบกพร่องที่สไตล์ที่ใช้กับองค์ประกอบ svg เองไม่ถูกหยิบขึ้นมา 1.18: แก้ไขข้อบกพร่องที่คลาสเป็น SVGAnimatedString ทำให้เกิดข้อขัดข้อง

ขอบคุณ Robert Kerr ที่เห็นสิ่งนี้

1.19: ขอขอบคุณ Severin Neumann สำหรับการเพิ่มความสามารถในการรวมภาพที่ฝังอยู่ใน SVG

1.20: จับข้อผิดพลาดข้อยกเว้นการเข้าถึงสไตล์ชีต 1.22: เพิ่มป๊อปอัปแจ้งเตือนเพื่อบอกว่า svgExport พบอะไร

บันทึก svg ด้วยชื่อไฟล์ที่มีประโยชน์เล็กน้อย (id และ class ขององค์ประกอบ svg) 1.23 อัปเดตเป็น manifest v3 ลบการอนุญาตที่ไม่จำเป็นบางอย่าง

ข้อมูลเพิ่มเติม:

- นำเสนอโดย oroadfc
- คะแนนเฉลี่ย : 3.27 ดาว (พอใช้ได้)
- นักพัฒนา อีเมลนี้จะถูกป้องกันจากสแปมบอท แต่คุณต้องเปิดการใช้งานจาวาสคริ

ส่งออก SVG ด้วยเว็บสไตล์ extension รวมเข้ากับ OffiDocs Chromium ออนไลน์