인라인 SVG는 내가 그것을 인라인 HTML에서 사용할 수 있도록 파일을 .svg을 보낸 SVG 그래픽을 구입 한

전체 화면을 채우기 만들기. 내 문서의 <body> 태그에 삽입했지만 지금은 화면의 전체 너비와 전체 높이를 채우고 싶습니다. <svg>, position: absolute 및 top, right, bottom, left: 0, viewBox을 "0 0 screen_width screen_height"으로 설정하고 이미지로 .svg 파일을로드하고 position: absolutenadtop, right, bottom, left: 0을 사용하여 이미지를 전체 창으로 표시하도록 폭 및 높이 속성을 설정해 보았습니다.
아무런 효과가 없습니다. http://pastebin.com/y8kqf1bD 인라인 SVG는 내가 그것을 인라인 HTML에서 사용할 수 있도록 파일을 .svg을 보낸 SVG 그래픽을 구입 한

내가 Full width and height SVG에서 모든 옵션을 시도했지만 그들도 작동하지 않습니다 : 여기에

는 SVG 자체입니다.

내가 그렇게 할 수있는 방법 당신은 아이디어가 있습니까?

미리 감사드립니다.

출처

2013-10-22 user2908600

기억하십시오! ViewBox는 크기가 크지 않습니다. ViewBox는 실제 크기와 반대입니다. ViewBox는 원래 크기의 크기입니다. ViewBox 너비를 늘리면 크기 너비가 줄어 듭니다. – bjb568

<svg> 요소의 높이를 이용하여 크기와 넓이 정도로

<svg height="100%" width="100%"> 
</svg>

화면을 채울 특성된다.

<html> 및 <body> 태그를 모두 style = "width : 100 %; height : 100 %"태그로 설정해야 화면을 덮을 수 있습니다. 다음은 완전한 전체 화면 rect입니다.

<html style="width:100%;height:100%;"> 
<body style="width:100%;height:100%;margin:0;"> 
    <svg height="100%" width="100%"> 
     <rect fill="lime" width="100%" height="100%"/> 
    </svg> 
</body> 
</html>

출처

2013-10-22 20:50:09

인라인 SVG는 내가 그것을 인라인 HTML에서 사용할 수 있도록 파일을 .svg을 보낸 SVG 그래픽을 구입 한

답변

관련 문제