자유로운 패스를 생성한다.
path() 함수의 매개 변수 타입을 나타낸다.
[<'fill-rule'>,]? <string>
<fill-rule>은 패스(path)의 내면을 결정하는 규칙을 나타내며 생략시 nonzero이다.
<string>은 SVG 경로 데이터 문자열을 나타낸다. SVG1.1의 문법 및 구문 분석 규칙을 준수하지 않거나 준수하지만 빈 경로를 정의하는 경로 데이터 문자열은 유효하지 않다. 초기 위치는 경로 문자열의 첫 번째 'move to' 인수로 정의된다. 초기 방향은 SVG1.1 사양을 따른다.
SVG의 fill-rule 속성에 사용되는 타입이다.
캔버스의 어떤 부분이 도형 안에 포함되는지 결정하는 데 사용되는 알고리즘(또는 굴곡 규칙)을 나타낸다.
nonzero | evenodd이 규칙은 해당 지점에서 임의의 방향으로 무한대로 광선을 그리고 해당 광선이 교차하는 지정된 모양에서 경로 세그먼트의 수를 계산하여 갠버스에 있는 지점의 내면(insideness)을 결정한다. 이 숫자가 홀수이면 점(point)이 내부에 있고 짝수이면 외부에 있다.
이 규칙은 해당 지점에서 임의의 방향으로 무한대로 광선을 그린 다음 쉐입의 세그먼트가 광선과 교차하는 위치를 검사하여 캔버스에 있는 지점의 내면(insideness)을 결정한다. 0부터 시작하여 경로 세그먼트가 왼쪽에서 오른쪽으로 광선과 교차할 때마다 1을 더하고 경로 세그먼트가 오른쪽에서 왼쪽으로 광선과 교차할 때마다 1을 뺀다. 교차점을 계산한 후 결과가 0이면 점(point)이 경로 외부에 있고 그렇지 않으면 내부에 있다.
따옴표로 감싸진 데이터 유형을 표현한다.
"this is a 'string'."
모든 속성을 표시하지 않을 수도 있다.
글꼴을 지정한다.
가상 요소로 생성할 콘텐츠를 설정한다.
인용 부호의 유형을 설정한다.
clip-path: path("M20,50 h200, v100, h-80, z");| Modules | ||
|---|---|---|
| Module Name | Status | Summary |
| CSS Shapes Module Level 1 | 추천 후보 | Last review date: 2023-5-17 |