Trong Inkscape, thay đổi kích thước cả tài liệu và nội dung của nó cùng một lúc

Tôi đã vật lộn để làm một cái gì đó có vẻ khá cơ bản:

Trong Inkscape, làm cách nào tôi có thể thay đổi kích thước tài liệu và nội dung của nó (tức là bản vẽ) cùng một lúc?

Một chút bối cảnh: Tôi muốn thay đổi kích thước một số lượng khá lớn các tài liệu SVG từ Dự án Danh từ (chúng thường là các tài liệu 100x100px) mà không phải thay đổi kích thước các bản vẽ thực tế.

NB: Nếu có một giải pháp dòng lệnh, tôi cũng có thể làm việc với nó!

Bạn chưa đề cập đến hệ điều hành nào bạn đang chạy. Tôi đang sử dụng Ubuntu và tôi đã có thể sử dụng librsvg2 thành công.

Nếu bạn có quyền truy cập vào Ubuntu, đây là những gì bạn có thể làm. Đầu tiên, cài đặt librsvg2:

sudo apt-get install librsvg2-bin

Sau đó, cdđến thư mục có SVG của bạn (đảm bảo rằng nó chỉ có SVG!) Và sử dụng một lệnh như sau:

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

Điều này sẽ tạo ra một loạt các SVG mới với kích thước 200px x 200px và được lưu dưới dạng "tệp gốc-name.new.svg"

Tính kích thước có phần khó hiểu. Để chuyển đổi SVG sang SVG, bạn cần làm một chút toán học. Các tùy chọn "chiều cao" và "chiều rộng" trong rsvg-convert sử dụng pt, không phải px, trong các trường hợp như vậy, vì vậy hãy sử dụng 80 nếu bạn muốn 100px, 120 nếu bạn muốn 150px, v.v.

Bạn cũng có thể sử dụng rsvg-convert để đầu ra PNG. Nó tốt hơn nhiều trong việc rasterizing tệp so với ImageMagick, ít nhất là theo kinh nghiệm của tôi. Lưu ý rằng bạn cần thay đổi -fthành png, bạn cần thay đổi mẫu lưu đầu ra từ 's/svg$/new.svg/'thành 's/svg$/png/'và bạn nhập chiều rộng và chiều cao mà bạn muốn làm giá trị pixel.

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

Hiện tại không có cách riêng để làm điều đó trong Inkscape. Cách duy nhất là thay đổi kích thước nội dung và tài liệu riêng biệt.

Trong khi có một vài cách để làm điều đó - như đã lưu ý ở đây - một cách có thể hoạt động thực sự tốt là sử dụng a viewBox. Bạn chỉ cần sửa đổi nội dung của thẻ SVG như vậy:

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

Nó viewBoxlàm gì định nghĩa một hệ tọa độ nội bộ cho tài liệu. Sau đó, bạn có thể dễ dàng chia tỷ lệ tài liệu đơn giản bằng cách sửa đổi widthvà heightcác thuộc tính khi cần thiết.

Lưu ý rằng có một số nhược điểm, mặc dù. Đối với một điều, chỉ có một số bối cảnh nhất định, điều này hoạt động cụ thể nếu bạn bằng cách nào đó trực tiếp bao gồm tài liệu SVG trên trang đánh dấu của bạn. Sử dụng một <img>thẻ với điều này có thể hoặc không thể mang lại kết quả bất ngờ. Bạn sẽ phải thực hiện một số nghiên cứu của riêng bạn để tìm ra cách tốt nhất để làm điều này.