Чи мають SVG притаманний розмір px?

9

Я зберігаю деякі зображення з мого файлу ілюстратора у вигляді SVG-файлів для використання в якості фонових зображень для веб-сайту. Я знаю, що ви можете встановити розмір зображення у px, але чи є у нього якийсь властивий розмір px, встановлений у файлі?

svg

— Еванс
джерело

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
enable-background (не дуже актуально для Інтернету, але варто зазначити, що я думаю)

— Брендан
джерело

6

Так.

Коли ви зберігаєте SVG з Illustrator, зміните розмір всього, збережіть інший SVG та виведіть обидва з них у HTML, вони будуть відображатися в різних розмірах, залежно від того, наскільки великі ви їх зберегли.

Встановлення цих значень повинно бути досить простим в області обкладинки, але я завжди просто встановлюю властивість css (очевидно, працює лише в Інтернеті)

— К'єльд Шмідт
джерело