Các SVG có bất kỳ kích thước px vốn có?


9

Tôi đang lưu một số hình ảnh từ tệp minh họa của tôi dưới dạng SVG để sử dụng làm hình nền cho trang web. Tôi biết bạn có thể đặt kích thước hình ảnh trong px nhưng nó có bất kỳ kích thước px vốn có nào được đặt trong tệp không?

Câu trả lời:


4

Mở tệp SVG của bạn trong trình soạn thảo văn bản và tự mình xem!

<?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>

Các thuộc tính có liên quan có thể được tìm thấy trong thẻ SVG:


6

Đúng.

Khi bạn lưu một SVG từ Illustrator, thay đổi kích thước mọi thứ, lưu một SVG khác và xuất cả hai thứ đó trong HTML, chúng sẽ được hiển thị ở các kích cỡ khác nhau, tùy thuộc vào mức độ bạn đã lưu chúng.

Đặt các giá trị này phải đủ dễ dàng trong bản vẽ, nhưng tôi luôn chỉ đặt thuộc tính css (rõ ràng chỉ hoạt động trên web)

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.