비주얼 SVG Path 에디터
온라인에서 시각적으로 SVG 패스와 베지에 곡선을 그리고 CSS clip-path를 실시간 생성하세요. 알파가 직접 그린 경로를 따라 달리는 인터랙티브 툴입니다!
🎨 SVG 드로잉 캔버스 (500x500)
⚙️ 경로 제어 및 설정
📤 코드 내보내기
SVG Path d 코드
CSS clip-path 속성
📖 SVG Path 그리기 가이드
캔버스를 클릭하여 고정점을 추가합니다. "선택/편집" 모드에서 녹색 클로버 고정점을 드래그하여 이동하고, 파란색 핸들을 드래그하여 곡률을 조정할 수 있습니다. 알파 산책 버튼을 클릭하면 CSS offset-path 기술로 알파가 그린 경로를 따라 움직입니다.
