SVG <rect>

SVG 직사각형 - <rect>
예제 1
<rect> 요소는 직사각형과 직사각형 모양의 변형을 만드는 데 사용됩니다.

 

다음은 SVG 코드입니다.

예
<svg width="400" height="110">
  <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
</svg>

코드 설명 :

<rect> 요소의 width 및 height 특성은 사각형의 높이와 너비를 정의합니다.
style 속성은 사각형의 CSS 속성을 정의하는 데 사용됩니다.
CSS 채우기 속성은 사각형의 채우기 색상을 정의합니다.
CSS stroke-width 속성은 직사각형 테두리의 너비를 정의합니다.
CSS 획 속성은 사각형 테두리의 색상을 정의합니다.