맞춤 <svg>

Question

나는이 마크 업이 있습니다

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

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

내가 <object> 요소는 외부 <div>을 채우기 만들기 위해 나섰고 내부 foo.svg 파일이 얼마나 큰 자신의 아이디어를 가지고 그것을 입니다. 나는 <object>과 <div>과 같은 크기가되도록 foo.svg (물론 <svg> 요소로 구성)가 필요합니다.

Answer 1

이 내용은 svg primer의 답변으로 제공됩니다 (예제 포함).

TL; DR 요약 :

• 값으로되어 w 및 h를 "0 0 어"를하는 '뷰 박스'속성을 추가 SVG 루트에 속성, '너비'와 '높이'삭제 절대 값은 일반적으로 폭에서 발견 높이는

Answer 2

봅니다 추가 (비율 및 다른 유닛은 뷰 박스 속성에 허용되지 않는 점에 유의) 속성 : 폭 :! XXXpx를 중요; 신장 : XXXpx! important;