SVG에는 고유 한 px 크기가 있습니까?

9

웹 사이트의 배경 이미지로 사용하기 위해 일러스트 레이터 파일의 일부 이미지를 SVG로 저장합니다. 이미지 크기를 px로 설정할 수 있지만 파일에 고유 한 px 크기가 설정되어 있습니까?

svg

— 에반스
소스

4

텍스트 편집기에서 SVG 파일을 열고 직접 확인하십시오!

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
<line fill="none" stroke="#FFFFFF" stroke-width="12" x1="1.1" y1="1.2" x2="58.8" y2="58.8"/>
</svg>

SVG 태그에서 관련 속성을 찾을 수 있습니다.

폭과 높이
viewBox
활성화 배경 (웹과 관련이 없지만 주목할만한 가치가 있음)

— 브렌던
소스

6

예.

Illustrator에서 SVG를 저장하고, 모든 크기를 조정하고, 다른 SVG를 저장하고 HTML로 두 SVG를 출력하면 저장 한 크기에 따라 크기가 다르게 표시됩니다.

이 값을 설정하는 것은 대지에서 충분히 쉬워야하지만 항상 CSS 속성을 설정합니다 (분명히 웹에서만 작동합니다)

— je 드 슈미트
소스