수색…
매개 변수
속성 | 기술 |
---|---|
엑스 | 왼쪽 여백으로부터의 직사각형의 수평 위치. |
와이 | 상단 여백에서 직사각형의 수직 위치. |
폭 | 직사각형의 너비. |
신장 | 직사각형의 높이. |
rx | 직사각형의 모서리를 둥글게하기 위해 사용 된 타원의 수평 반지름 |
라이 | 직사각형의 모서리를 둥글게하기 위해 사용되는 타원의 수직 반지름 |
행정 | 사각형 테두리 색상입니다. |
획 폭 | 사각형 테두리의 너비입니다. |
가득 따르다 | 사각형 테두리 안의 색. |
비고
SVG 'rect'요소에 대한 자세한 정보는 SVG W3C 권장 사항 에서 찾을 수 있습니다.
채우기가없는 검정색 사각형을 그립니다.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="10" y="10" width="50" height="100" stroke="black" stroke-width="5" fill="none" />
</svg>
결과:
노란색 채우기 및 둥근 모서리가있는 검은 색 사각형을 그립니다.
-
width
및height
속성은 사각형의 크기를 지정합니다. 이 값은 기본적으로 픽셀 단위입니다. -
fill
값은 사각형의 색상을 설정합니다.fill
값을 지정하지 않으면 기본적으로 검정색이 사용됩니다.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="10" y="10" width="50" height="100" rx="10" ry="10" stroke="black" stroke-width="5" fill="yellow" />
</svg>
결과:
Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow