Apakah SVG memiliki ukuran px yang melekat?


9

Saya menyimpan beberapa gambar dari file ilustrator saya sebagai SVG untuk digunakan sebagai gambar latar belakang untuk sebuah situs web. Saya tahu Anda dapat mengatur ukuran gambar dalam px tetapi apakah itu memiliki ukuran px yang melekat ditetapkan dalam file?

Jawaban:


4

Buka file SVG Anda dalam editor teks dan lihat sendiri!

<?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>

Properti yang relevan dapat ditemukan di tag SVG:


6

Iya.

Ketika Anda menyimpan SVG dari Illustrator, mengubah ukuran segalanya, menyimpan SVG lain dan mengeluarkan keduanya dalam HTML, mereka akan ditampilkan dalam ukuran yang berbeda, tergantung pada seberapa besar Anda menyimpannya.

Menetapkan nilai-nilai ini harus cukup mudah di artboard, tapi saya selalu menetapkan properti css (jelas hanya berfungsi di web)

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.