용어집 · 애니메이션
SVG 스트로크(stroke)
SVG 도형의 윤곽선(선, 곡선, 원, 사각형)이에요. 채우기와 별도로 고유한 색과 두께를 가져요.
자세히
SVG 그래픽에서 각 도형은 따로 칠해지는 두 부분을 가져요. 채우기(fill)와 스트로크(stroke)예요. 스트로크는 윤곽선을 따라가는 선이에요. 색, 두께, 그리고 원하면 점선 패턴도 가질 수 있어요.
측정 가능한 윤곽이 있는 경우에만 스트로크를 애니메이션할 수 있어요. BannerMotion에서는 path, line, polyline, circle, rect에서 작동해요. 곡선으로 변환된 텍스트나 채우기만으로 된 로고에는 그릴 스트로크가 없어요.
예시
<path d="M10 80 Q 95 10 180 80" fill="none" stroke="#0E1116" stroke-width="4" />나타나는 곳
[이 용어는 아직 어떤 가이드에도 나오지 않아요.]