테스트 사이트 - 개발 중인 베타 버전입니다

SVG <rect>

· 8년 전 · 1685

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 획 속성은 사각형 테두리의 색상을 정의합니다.
 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
2922
2921
2920
2919
2918
2917
2915
2914
2913
2912
2910
2909
2908
2907
2906
2905
2903
2902
2901
2900
2899
2897
2896
2895
2892
2891
2890
2889
2873
2866