누구나 동적으로 svg 이미지의 크기를 조정하여 컨테이너 내에 맞출 수 있다는 것을 알고 있습니까 ?? 나는 오버 플로우 된 이미지를 찾는다. 내가 원하는 것은 그것을 오버 플로우하지 않도록 크기를 조정하는 방법입니다. 모든 응답을 부탁드립니다. 나는 너비와 높이를 100 %로 설정하려고 시도했다.SVG 동적 크기 조정
답변
그래, 동적 너비를하는 가장 쉬운 방법은 단지 width
또는/및 height
에 백분율 값을 제공하는 것이다. 당신은 여기에 바이올린 http://jsfiddle.net/VDKwy/
내 예를 찾을 수 있도록 핵심 부분 중 하나 width
과 SVG 요소 오프의 height
속성 또는
<svg width="100%" height="100%"></svg>
을 떠나 그리고 같은 내부 요소에 대한 백분율 값을 사용하여 그래서 :
<rect x="10%" y="10%" width="80%" height="80%" style="fill:blue;stroke-width:5; stroke:black" />
이것은 내 컨테이너가 어떻게 보이는지 보여주는 예입니다. 표현식 이미지는 svg입니다. 다음은 그 스냅 샷에 대한 링크입니다. http://imgur.com/3Yw6v –
동적 너비와 높이를 제공하면 필요한 공간에 맞지 않습니다. –
예, 여전히 오버플로됩니다. –
- 1. Java에서 SVG 크기 조정
- 2. IE9에서 SVG 크기 조정
- 3. svg viewbox 크기 조정 문제
- 4. inkscape에서 가져온 svg 크기 조정
- 5. Safari의 SVG 크기 조정 문제
- 6. $ .dialogue() 동적 크기 조정
- 7. iframe 동적 크기 조정
- 8. 동적 크기 조정 입력
- 9. div의 동적 크기 조정
- 10. 동적 이미지 크기 조정
- 11. 동적 크기 조정 페이지
- 12. 프린터 출력을위한 SVG 생성 및 크기 조정
- 13. Raphael 2.1의 svg 경로 크기 조정
- 14. SVG 다각형을 동적으로 크기 조정 및 드래그
- 15. 크기 조정 svg 이미지를 html5 안에 넣으십시오.
- 16. SVG : 텍스트 기반의 동적 크기, 병합 객체
- 17. 동적 크기 조정 연결 풀 크기 c3p0
- 18. 동적 응답 크기 조정 이미지
- 19. 클리핑 및 동적 크기 조정
- 20. 클라우드에서 동적 클러스터 크기 조정
- 21. Android 목록보기 동적 크기 조정
- 22. 동적 크기 조정 이미지 캐시
- 23. PyGobject에서 GtkLayout의 동적 크기 조정
- 24. android layout 동적 크기 조정
- 25. 안드로이드에서 GLSurfaceView의 동적 크기 조정
- 26. FullCalendar의 동적 크기 조정 iframe
- 27. jQuery Colorbox 동적 크기 조정
- 28. jscrollpane 컨테이너 div의 동적 가로 크기 조정
- 29. C# winform 동적 컨트롤 크기 조정
- 30. 복잡한 캔버스 경로의 동적 크기 조정 HTML5
코드를 작업의 기초로 제공하십시오. –
반복 질문 : http://stackoverflow.com/questions/3120739/resizing-svg-in-html – Graviton
내 코드가 많이 있습니다. 말 그대로 당신에게 폴더를 보내야합니다. 어떻게 보이는지 스냅 샷을 찍을 수 있습니다. 그게 도움이 될까요? 위의 링크처럼 너비와 높이를 100 %로 설정해 보았습니다. –