획은 선이나 테두리의 시각적 스타일을 설정합니다.
문법
<Stroke color="argb-color" thickness="float" dashIntervals="string" dashPhase="string" cap="BUTT | ROUND | SQUARE" > <!-- Only the most common inner element is shown here. --> <LinearGradient /> ... <Stroke />
속성
Stroke
요소는 다음과 같은 속성을 포함합니다.
필수 속성
다음 속성은 필수입니다.
color
- 획의 색상입니다. ARGB 형식(
#ff000000
= 불투명한 검은색) 또는 RGB 형식(#000000
= 검은색)을 사용하여 색상을 지정해야 합니다. thickness
부동 소수점 수로 표현된 획의 두께입니다.
이 속성은 변환 가능합니다.
선택사항 속성
다음 속성은 선택사항입니다.
dashPhase
dashIntervals
dashIntervals
는 대시 간격을 나타내는 일련의 값으로, 공백으로 구분됩니다. 대시 간격은 짝수여야 합니다. 짝수 색인은 'on' 간격을 지정하고, 홀수 색인은 'off' 간격을 지정합니다.dashPhase
는 간격 배열(모든 간격의 합계의 모듈러)의 오프셋입니다. 기본값은 0입니다. 이러한 속성은DashPathEffect
를 만드는 데 사용됩니다.cap
획의 가장자리 모양을 정합니다. 지원되는 값은 다음과 같습니다.
BUTT
: 획이 경로와 함께 종료되고 그 뒤로 돌출되지 않습니다.ROUND
: 획이 중심이 경로의 끝에 있는 반원으로 돌출됩니다.SQUARE
: 획이 중심이 경로의 끝에 있는 정사각형으로 돌출됩니다.
내부 요소
Stroke
요소는 다음 요소를 포함할 수 있습니다.
추천 서비스
- 참고: JavaScript가 사용 중지되어 있으면 링크 텍스트가 표시됩니다.
- 획
- Fill
- WeightedStroke