사용법
Canvas에 여러 사람 모양을 그려 가볍게 움직이는 군중을 표현해요.
인터페이스
CanvasCrowdProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| count | number | 72 | 군중 요소 수 |
| colors | readonly string[] | ["#0f766e", "#14b8a6", "#f59e0b"] | 요소 색상 목록 |
| movement | number | 8 | 움직임 강도 |
| maxDpr | number | 2 | 최대 디바이스 픽셀 비율 |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
CanvasCrowd 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { CanvasCrowd } from "@goldtreedev/ui";