У Inkscape змініть розмір і документа, і його вмісту одночасно

Я намагаюся зробити щось, що здавалося б досить базовим:

Як я можу одночасно змінити розмір документа та його вмісту (тобто малюнків) у Inkscape?

Трохи контексту: я хочу змінити розмір досить великої кількості SVG-документів у проекті Noun (зазвичай це документи 100x100px) без чіткого зміни розміру фактичних малюнків.

NB: Якщо є рішення командного рядка, я теж можу працювати з цим!

Ви не згадали, яка ОС працює. Я використовую Ubuntu, і мені вдалося успішно використовувати librsvg2.

Якщо у вас є доступ до Ubuntu, ось що ви можете зробити. Спочатку встановіть librsvg2:

sudo apt-get install librsvg2-bin

Потім cdдо каталогу, у якому є ваші SVG-файли (переконайтеся, що в ньому є лише SVG-файли!), І скористайтеся командою на зразок наступного:

for old in *; do
    new="$(echo "$old" | sed -e 's/svg$/new.svg/')"
    rsvg-convert "$old" -w 160 -h 160 -f svg -o "$new"
done

Це створить нову партію SVG з розмірами 200px на 200px і збережеться як "original-file-name.new.svg"

Обчислення розмірів дещо заплутано. Для перетворення SVG в SVG вам потрібно зробити трохи математики. Параметри "висота" та "ширина" в rsvg-конвертації використовують pt, а не px, в таких випадках використовуйте 80, якщо ви хочете 100px, 120, якщо ви хочете 150px тощо.

Ви також можете використовувати rsvg-конвертувати для виведення PNG. Це набагато краще при раструюванні файлу, ніж ImageMagick, принаймні з мого досвіду. Зверніть увагу , що вам потрібно змінити -fдо png, вам потрібно змінити вихід Зберегти шаблон від 's/svg$/new.svg/'до 's/svg$/png/', і ви входите в ширину і висоту , що ви хочете в якості значень пікселів.

for old in *; do
    new="$(echo "$old" | sed -e 's/svg$/png/')"
    rsvg-convert "$old" -w 200 -h 200 -f png -o "$new"
done

Наразі в Inkscape немає рідного способу зробити це. Єдиний спосіб - змінити розмір вмісту та документа окремо.

Хоча є декілька способів зробити це - як зазначалося тут - один із способів, який може працювати дуже добре, - це використовувати viewBox. Ви просто змінюєте вміст тегу SVG так:

<svg
 width="1280"
 height="800"
 viewBox="0 0 1280 800">
    <!-- More markup... --!>
</svg>

Що viewBoxце робить, визначає внутрішню систему координат документа. Потім ви можете легко масштабувати документ, просто змінивши widthта heightатрибути за необхідності.

Зауважте, що є деякі недоліки. З одного боку, у цьому працює лише певний контекст, особливо якщо ви якось безпосередньо включаєте SVG-документ на свою сторінку розмітки. Використання цього <img>тегу може або не дасть несподіваних результатів. Вам доведеться зробити кілька власних досліджень, щоб зрозуміти, як найкраще це зробити.