W programie Inkscape jednocześnie zmieniaj rozmiar dokumentu i jego zawartości

Walczyłem o zrobienie czegoś, co wydawałoby się dość proste:

W Inkscape, jak mogę jednocześnie zmienić rozmiar dokumentu i jego zawartości (tj. Rysunków)?

Trochę kontekstu: chcę zmienić rozmiar dość dużej liczby dokumentów SVG z The Noun Project (zazwyczaj są to dokumenty o wymiarach 100 x 100 pikseli) bez konieczności jawnej zmiany rozmiaru rzeczywistych rysunków.

Uwaga: Jeśli istnieje rozwiązanie wiersza poleceń, mogę z tym również pracować!

Nie wspomniałeś o tym, jakiego systemu operacyjnego używasz. Używam Ubuntu i udało mi się z powodzeniem korzystać z librsvg2.

Jeśli masz dostęp do Ubuntu, oto co możesz zrobić. Najpierw zainstaluj librsvg2:

sudo apt-get install librsvg2-bin

Następnie cdprzejdź do katalogu zawierającego pliki SVG (upewnij się, że mają tylko pliki SVG!) I użyj polecenia w następujący sposób:

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

Spowoduje to utworzenie nowej partii plików SVG o wymiarach 200 na 200 pikseli i zapisanych jako „original-file-name.new.svg”

Obliczanie wymiarów jest nieco mylące. Aby przekonwertować SVG na SVG, musisz zrobić trochę matematyki. Opcje „wysokość” i „szerokość” w konwersji rsvg używają pt, a nie px, w takich przypadkach, więc użyj 80, jeśli chcesz 100px, 120, jeśli chcesz 150px i tak dalej.

Możesz także użyć rsvg-convert, aby wyprowadzić PNG. O wiele lepiej jest rasteryzować plik niż ImageMagick, przynajmniej z mojego doświadczenia. Zauważ, że musisz zmienić -fna png, musisz zmienić wyjściowy wzorzec zapisu z 's/svg$/new.svg/'na 's/svg$/png/', a jako szerokość w pikselach wprowadź żądaną szerokość i wysokość.

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

Obecnie nie ma natywnego sposobu na zrobienie tego w Inkscape. Jedynym sposobem jest osobna zmiana rozmiaru treści i dokumentu.

Chociaż istnieje kilka sposobów, aby to zrobić - jak wspomniano tutaj - jednym ze sposobów, który może naprawdę działać naprawdę dobrze, jest użycie viewBox. Po prostu modyfikujesz zawartość tagu SVG w następujący sposób:

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

Co viewBoxto jest, definiuje wewnętrzny układ współrzędnych dla dokumentu. Następnie można łatwo skalować dokument, modyfikując odpowiednio atrybuty widthi height.

Należy jednak pamiętać, że istnieją pewne wady. Po pierwsze, istnieją tylko określone konteksty, w których to działa, szczególnie jeśli w jakiś sposób bezpośrednio umieszczasz dokument SVG na stronie znaczników. Użycie <img>tagu z tym może, ale nie musi dać nieoczekiwanych rezultatów. Będziesz musiał przeprowadzić własne badania, aby dowiedzieć się, jak najlepiej to zrobić.