좌표 기반 AI 대화용 그리기 도구
×
캔버스에 도형을 그려보세요. 그린 도형의 좌표와 속성은 JSON으로 내보낼 수 있습니다.
✏️ 그리기 도구
(선 두께의 배수)
현재 모드: 직선 그리기
좌표: x: -, y: –
JSON 데이터
사용 방법
커스텀 도형 그리기 및 좌표 기반 AI 대화
- 그리기 모드를 선택하세요 (직선, 화살표, 펜, 사각형, 원, 타원).
- 색상과 선 두께를 설정하세요.
- 캔버스에 드래그하여 도형을 그리세요.
- 선택 모드로 도형을 클릭하여 선택하고 이동할 수 있습니다.
- 방향키로 선택된 도형을 1px씩 이동할 수 있습니다 (Shift+방향키: 10px).
- JSON을 내보내면 그린 도형의 좌표와 속성 정보를 확인할 수 있습니다.
JSON 스키마
{
"shapes": [
{
"type": "draw|arrow|rect|circle|ellipse|freeDraw",
"startX": 100,
"startY": 150,
"endX": 200,
"endY": 250,
"color": "#000000",
"lineWidth": 2,
"fill": false,
"arrowHeadSize": 20,
"points": [{ "x": 100, "y": 150 }, ...]
}
]
}
댓글