JigsawDesigner

JigsawDesigner 도움말

벡터 도구로 퍼즐 도형 편집하기

JigsawDesigner는 SVG 도형을 만들고 다듬는 데 초점을 둔 8가지 도구를 제공합니다. 선택 상태, 요소 계층 구조 및 실행 취소 가능한 명령을 통해 편집 내용이 실제 문서 트리에 반영됩니다.

JigsawDesigner의 퍼즐 경계 둘레에 표시된 Point Edit 앵커
Point Edit는 원본 경로의 앵커를 표시하며 생성된 그룹은 Layers에서 정리된 상태로 유지됩니다.

캔버스 이동하기

작업 공간을 이동하고 확대/축소하여 전체 윤곽선이나 작은 연결부를 확인하세요. 눈금자와 선택적 그리드는 그리기 및 편집 시 배율을 파악하는 데 도움이 됩니다.

눈금자와 그리드가 있는 JigsawDesigner 캔버스의 드래곤 모양 SVG 도형
전체 캔버스 보기에서 구도를 잡고, 경로나 연결부를 자세히 확인해야 할 때 확대하세요.

올바른 도구 선택하기

Select는 요소를 이동하고 변형하며, Point Edit는 앵커와 핸들을 변경합니다. Pencil은 자유형 경로를 그리고, Line, Rectangle, Circle 및 Polygon은 일반 도형을 만들며, Bezier는 제어 가능한 곡선을 만듭니다.

빠른 작업에 Tools 패널 사용하기

Tools 패널은 활성 도구를 표시하고 자주 사용하는 선택 및 캔버스 명령을 가까이 배치합니다. 현재 선택 항목을 복사 또는 삭제하고, 보기를 재설정하거나 확대/축소하며, 도형을 선택하거나 선택 해제할 때 사용하세요.

선택, 캔버스, 확대/축소 및 빠른 작업 제어가 있는 Tools 패널
선택 및 보기 명령은 캔버스 옆에서 계속 사용할 수 있습니다.

문서 요소 선택 및 변형

요소를 클릭해 선택하고 Shift-클릭으로 선택 항목에 추가하며, 중첩 콘텐츠를 편집할 때는 그룹 안으로 들어갑니다. 캔버스 핸들은 선택 중심을 기준으로 크기를 조절하고 회전하며, Shape Info에서 정확한 변형 및 도형 값을 확인할 수 있습니다.

  • 크기 조절 시 비율 잠금
  • 중첩 계층 구조에 Layers 사용하기
  • 잠기거나 숨겨진 상위 요소는 편집에 영향을 줍니다
  • 명령 기반 변경 사항 실행 취소 및 다시 실행
선택한 SVG 그룹의 위치, 배율, 회전, 크기 및 작업을 표시하는 Shape Info
Shape Info는 현재 선택 항목의 값을 표시하고 요소 단위 작업을 제공합니다.

문서 단위 값 확인

Project Info에는 프로젝트 이름, 캔버스 크기, 퍼즐 매개변수, 문서 통계 및 생성 제어가 있습니다. 이 값은 개별 선택 도형이 아니라 문서에 적용됩니다.

캔버스 크기, 퍼즐 설정, 문서 통계 및 생성 제어가 있는 Project Info
Project Info는 문서 및 생성 값을 선택한 도형의 속성과 구분해 표시합니다.

열린 경로 이어 그리기 및 연결

버전 1.6.0은 더 부드러운 Pencil 출력과 열린 윤곽선을 이어 그리거나 연결하는 작업 흐름을 지원합니다. 연결부를 확인하고 전환부를 다듬어야 할 때 Point Edit를 사용하세요.