획은 선이나 테두리의 시각적 스타일을 설정합니다.

문법

<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