Fit <svg> với kích thước của <object> chứa

Question

Tôi có dấu sau:

#widget1 { 
    height:100px; 
    width:200px; 
} 

<div class="widget" id="widget1"> 
    <object data="foo.svg" type="image/svg+xml" /> 
</div> 

tôi quản lý để làm cho các yếu tố <object> lấp đầy bên ngoài <div>, nhưng các tập tin foo.svg bên trong có những ý tưởng riêng của mình như thế nào lớn nó Là. Tôi cần foo.svg (bao gồm một phần tử <svg>, tất nhiên) có cùng kích thước với <object> và <div>.

Answer 1

Điều này được trả lời (có ví dụ) trong số svg primer.

tl; tóm tắt dr:

• remove 'width' và 'chiều cao' thuộc tính vào thư mục gốc svg, và thêm một thuộc tính 'viewBox' với giá trị "0 0 wh", trong đó w và h là các giá trị tuyệt đối thường được tìm thấy trong thuộc tính chiều rộng và chiều cao (lưu ý rằng phần trăm và các đơn vị khác không được phép trong thuộc tính viewBox)

Answer 2

Hãy thử thêm: chiều rộng: XXXpx! chiều cao: XXXpx! Quan trọng;