SVG มีขนาด px หรือไม่

9

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

svg

— Evanss
แหล่งที่มา

4

เปิดไฟล์ SVG ของคุณในโปรแกรมแก้ไขข้อความและดูเอง!

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
<line fill="none" stroke="#FFFFFF" stroke-width="12" x1="1.1" y1="1.2" x2="58.8" y2="58.8"/>
</svg>

คุณสมบัติที่เกี่ยวข้องสามารถพบได้ในแท็ก SVG:

ความกว้างและความสูง
Viewbox
เปิดใช้งานพื้นหลัง (ไม่เกี่ยวข้องกับซุปเปอร์เว็บ แต่น่าสังเกตว่าฉันเดา)

— เบรนแดน
แหล่งที่มา

6

ใช่.

เมื่อคุณบันทึก SVG จาก Illustrator ให้ปรับขนาดทุกอย่างบันทึก SVG อีกอันและเอาท์พุททั้งสองใน HTML พวกเขาจะแสดงในขนาดต่าง ๆ ขึ้นอยู่กับขนาดที่คุณบันทึกไว้

การตั้งค่าเหล่านี้ควรจะง่ายพอในกระดานข้อความ แต่ฉันมักจะตั้งค่าคุณสมบัติ CSS (เห็นได้ชัดว่าใช้ได้บนเว็บเท่านั้น)

— Kjeld Schmidt
แหล่งที่มา