2010-07-04 6 views
1

나는 다음과 같은 코드가있는 .svg 파일이이 상황에 불필요JavaScript를 사용하여 SVG 이미지의 크기를 변경 하시겠습니까?

<svg version="1.1" x="0" y="0" width="256" height="256" viewBox="0 0 335 394"> 

플러스 톤 더 코드 (네임 스페이스 등),하지만 내가 가진 문제는 내가 어떻게 든을 변경할 필요가있다 너비와 높이 (256px에서 임의의 크기까지)를 JavaScript를 사용하여 가져올 수 있습니다. .svg는 다음과 같이 사용됩니다.

<html> 
<body> 
<div style="background: url(example.svg);"></div> 
</body> 
</html> 

나는 이것을 어떻게 든 수행해야합니다. 어떤 아이디어?

업데이트 : 사용자가 자바 스크립트 컨트롤을 통해 내 사용자 인터페이스의 기본 크기를 설정할 수 있기를 바랍니다.

답변

1

<img> 태그를 div에 넣고 그 너비와 높이를 설정하는 방법은 무엇입니까?

<html> 
    <body> 
    <div> 
     <img src="example.svg" width="10px" height="10px" /> 
    </div> 
    </body> 
</html> 

이렇게하면 브라우저가 지정된 크기에 따라 이미지의 크기를 자동 조절할 수 있습니다.

관련 문제