Есть ли у SVG какой-либо собственный размер px?

9

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

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

— Brendan
источник

6

Да.

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

Установка этих значений должна быть достаточно простой в артборде, но я всегда просто устанавливаю свойство css (очевидно, работает только в Интернете)

— Кьельд Шмидт
источник