SVG 다각형
SVG 다각형 - <다각형>
예 1
<다각형> 태그는 적어도 세 가지 측면을 포함하는 그래픽을 만드는 데 사용됩니다.
다각형, 모양이 "폐쇄"되는 직선 (연결된 모든 선)이다.
그리스에서 다각형. "폴리"는 "다", "곤"수단 "각도".
다음은 SVG 코드는 다음과 같습니다
예
<SVG의의 xmlns = "http://www.w3.org/2000/svg"버전 = "1.1">
<다각형을 가리키는 = "200,10 250,190 160,210"
스타일 = "입력 : 라임, 뇌졸중 : 보라색, 스트로크 폭 : 1"/>
</ SVG>
<다각형을 가리키는 = "200,10 250,190 160,210"
스타일 = "입력 : 라임, 뇌졸중 : 보라색, 스트로크 폭 : 1"/>
</ SVG>
»시도
오페라 사용자 : 보기 SVG 파일 (미리보기 소스 SVG 그래픽을 마우스 오른쪽 버튼으로 클릭).
코드 분석 :
- 점의 x 및 y 좌표는 다각형의 각 모서리에 대한 정의 속성
예 2
다음은 4면 다각형을 작성합니다
다음은 SVG 코드는 다음과 같습니다
예
<SVG의의 xmlns = "http://www.w3.org/2000/svg"버전 = "1.1">
<다각형을 가리키는 = "220,10 300210 170250 123234"
스타일 = "입력 : 라임, 뇌졸중 : 보라색, 스트로크 폭 : 1"/>
</ SVG>
<다각형을 가리키는 = "220,10 300210 170250 123234"
스타일 = "입력 : 라임, 뇌졸중 : 보라색, 스트로크 폭 : 1"/>
</ SVG>
»시도
오페라 사용자 : 보기 SVG 파일 (미리보기 소스 SVG 그래픽을 마우스 오른쪽 버튼으로 클릭).
예 3
스타를 만드는 <다각형> 요소를 사용하여
다음은 SVG 코드는 다음과 같습니다
예
<SVG의의 xmlns = "http://www.w3.org/2000/svg"버전 = "1.1">
<다각형을 가리키는 = "100,10 40,180 190,60 10,60 160180"
스타일 = "입력 : 라임, 뇌졸중 : 보라색, 스트로크 폭 : 5; 채우기 규칙을 : 제로가 아닌;"/>
</ SVG>
<다각형을 가리키는 = "100,10 40,180 190,60 10,60 160180"
스타일 = "입력 : 라임, 뇌졸중 : 보라색, 스트로크 폭 : 5; 채우기 규칙을 : 제로가 아닌;"/>
</ SVG>
»시도
오페라 사용자 : 보기 SVG 파일 (미리보기 소스 SVG 그래픽을 마우스 오른쪽 버튼으로 클릭).
예 4
필인 규칙 속성 "evenodd"로 변경 :
다음은 SVG 코드는 다음과 같습니다
예
<SVG의의 xmlns = "http://www.w3.org/2000/svg"버전 = "1.1">
<다각형을 가리키는 = "100,10 40,180 190,60 10,60 160180"
스타일 = "입력 : 라임, 뇌졸중 : 보라색, 스트로크 폭 : 5; 채우기 규칙 : evenodd을;"/>
</ SVG>
<다각형을 가리키는 = "100,10 40,180 190,60 10,60 160180"
스타일 = "입력 : 라임, 뇌졸중 : 보라색, 스트로크 폭 : 5; 채우기 규칙 : evenodd을;"/>
</ SVG>
»시도
오페라 사용자 : 보기 SVG 파일 (미리보기 소스 SVG 그래픽을 마우스 오른쪽 버튼으로 클릭).