자유로운 패스를 생성한다.
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 |