0
고정 크기 블록 안에 svg 이미지를 표시하고 싶습니다. 가능한 한 블록 내에서 왜곡되지 않은 이미지를 보여주고 싶습니다. 내 문제는 이미지가 사용자에 의해 제공되므로 크기를 알 수 없다는 것입니다. CSS로만이 작업을 수행 할 수 있습니까?알 수없는 크기의 SVG 크기 조정
A
답변
2
아니요 CSS로만이 작업을 수행 할 수 없습니다. 브라우저에 부모 컨테이너를 채우도록 SVG를 확장하는 방법을 알려주는 속성은 SVG 자체에서 정의됩니다. 이 스케일링 제어 특히 네 개의 속성은 다음과 같습니다
widthheightviewBoxpreserveAspectRatio
처음 두가 CSS로 대체 할 수 있습니다,하지만 마지막이 없습니다 . SVG를 제어 할 수 없다면 viewBox 또는 preserveAspectRatio가 있다고 보장 할 수 없습니다.
그러나 자바 스크립트로 viewBox 및 preserveAspectRatio 속성을 조작 할 수는 있습니다.
관련 문제
- 1. Java에서 SVG 크기 조정
- 2. IE9에서 SVG 크기 조정
- 3. dc.js에서 SVG 크기 조정
- 4. SVG 동적 크기 조정
- 5. 알 수없는 크기의 BufferedImage 만들기
- 6. 알 수없는 크기의 int 배열
- 7. Svg 회전 및 크기 조정
- 8. Android : WebView의 SVG 크기 조정
- 9. SVG 센터에서 크기 조정 서클
- 10. svg viewbox 크기 조정 문제
- 11. inkscape에서 가져온 svg 크기 조정
- 12. SVG 요소의 내용 크기 조정
- 13. 각도 js에서 svg 크기 조정
- 14. Safari의 SVG 크기 조정 문제
- 15. 프린터 출력을위한 SVG 생성 및 크기 조정
- 16. CUDA - 알 수없는 크기의 결과를 반환하는 방법
- 17. UICollection View 화면 크기의 셀 크기 조정
- 18. 주어진 크기의 렌더링 가능한 공간의 크기 조정
- 19. 더 작은 크기의 이미지 크기 조정
- 20. PHP로 특정 크기의 이미지 크기 조정
- 21. 알 수없는 크기의 배열에 문자열 추가 C++
- 22. 버클리 소켓으로 알 수없는 크기의 recv() 데이터
- 23. Appengine - 알 수없는 목록 크기의 ndb 쿼리
- 24. 알 수없는 크기의 배열에 대한 이진 검색
- 25. 알 수없는 크기의 2 차원 배열 초기화
- 26. C++에서 알 수없는 크기의 데이터 저장
- 27. C - 알 수없는 크기의 배열을 반환
- 28. 알 수없는 크기의 데이터를 구문 분석하는 방법
- 29. 포트란 : 유형에서 알 수없는 크기의 배열
- 30. 알 수없는 크기의 이미지에서 간단한 템플릿 찾기
왜 크기를 감지하지 못합니까? 브라우저 SVG 구현을 통해 SVG 요소의 bBox를 가져 오는 방법이 있습니다. http://www.w3.org/TR/SVG/types.html#__svg__SVGLocatable__getBBox –
@NicholasKyriakides : 할 수는 있지만 Javascript없이 그것을 할 수있는 방법이있었습니다. – Eduardo
이것은 당신이 찾고있는 것과 관련이 있습니까? http://stackoverflow.com/questions/8919076/how-to-make-a-svg-element-expand-or-contract-to-its-parent-container –