Xuất dưới dạng SVG trong các vấn đề kích thước canvas Adobe Illustrator

Question

Tôi gặp sự cố thực sự khi lưu SVG đơn giản trong Adobe Illustrator.

Trình vẽ minh họa tiếp tục áp đặt kích thước canvas của riêng nó khi xuất.

Đây là những gì tôi đang làm ...

1) Vẽ một bảng nghệ thuật xung quanh hình ảnh

2) File> Save As

3) Thay đổi kiểu tới SVG

Khi tôi xem kết quả, Illustrator dường như đã thay đổi kích cỡ khung hình tùy ý

Làm cách nào tôi có thể kiểm soát điều này để tôi có thể nhận được kích thước của riêng mình?

Answer 1

Trình tìm kiếm Mac (mà tôi giả sử bạn đang sử dụng để xem SVG) có xu hướng bỏ qua ranh giới SVG. Không nên quan trọng trong sản xuất, mặc dù nó hơi khó chịu khi bạn xem chúng trong một thư mục.

Mở tệp SVG của bạn trong trình chỉnh sửa văn bản, đặc biệt chú ý đến thẻ mở. Đảm bảo tọa độ Descartes trong thuộc tính "viewbox" khớp với những gì bạn có trong đầu.

chuyên sâu giải thích về những gì các mã có nghĩa là: http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Coordinates

Answer 2

Vấn đề của bạn là SVG của bạn đang được lưu với Artboard, được thiết lập với kích thước tài liệu mặc định.

Hãy thử sử dụng "Object> Artboards> Fit to Artwork Bounds" trước khi bạn lưu.

Answer 3

Đôi khi bạn vô tình có thể bao gồm các mục nhỏ trong hình minh họa làm tăng kích thước. Hãy thử nhấn Crtl + A để đánh dấu mọi thứ trong tài liệu. Sau đó, xóa bất kỳ mục bổ sung nào bên ngoài hình minh họa. Điều này sẽ thay đổi kích thước khung hình.

Answer 4

Trình minh hoạ có vấn đề với các bảng vẽ, ví dụ: "viewBox" ở định dạng .svg. Hãy thử điều này: đầu tiên điều chỉnh artboard/canvas của bạn cho đồ họa của bạn trong Illustrator, sau đó lưu tệp ở định dạng .ai.

Bây giờ từ định dạng .ai, bạn có thể lưu tệp dưới dạng .svg và bảng vẽ của bạn sẽ giống như khi bạn điều chỉnh. Lần sau khi bạn mở tệp .svg trong Illustrator, bản vẽ sẽ bị rối tung lên một lần nữa, vì vậy bạn sẽ phải làm việc từ tệp .ai và chỉ sử dụng tệp .svg trên web.

Điều đó có nghĩa là mỗi khi bạn cần điều chỉnh .svg, trước tiên bạn cần lưu nó ở định dạng .ai, điều chỉnh bản vẽ, lưu nó thành .ai rồi lưu nó dưới dạng .svg.

Nếu bạn có một địa chỉ liên lạc cho người dân tại Adobe, cho họ biết ...

Answer 5

Các giải pháp này là sử dụng một optimizer như https://petercollingridge.appspot.com/svg-editor

này dải ra khoảng trắng và cũng có thể tối ưu hóa tập tin.