도형 도구를 사용하면 스테이지에서 타원형, 직사각형, 선 등의 기본적인 기하학 도형을 그릴 수 있습니다. 펜 도구와 함께 도형 도구는 SVG 요소로 콘텐츠를 생성합니다.
Google Web Designer 1.9.1 및 이전 버전에서는 도형에
canvas 태그를 사용합니다. Web Designer의 최신 버전에서는 canvas 도형을 SVG로 자동 변환합니다. 내부 반경이 있는 변환된 타원은 다르게 표시되어 조정이 필요할 수 있습니다.프로젝트에 도형을 추가하는 방법:
- 툴바에서 펜 도구를 길게 클릭합니다. 이미 다른 도형 도구를 사용한 경우 해당 도구가 툴바에 표시될 수 있습니다.
- 팝업 메뉴에서 사용하려는 도형을 선택합니다.
- 원하는 경우 도구 옵션 패널에서 획 및 색상 속성을 변경하여 도형을 맞춤설정합니다. 직사각형의 모서리 반경 및 타원의 내부 반경을 조정할 수도 있습니다.
- 스테이지를 클릭하고 마우스 버튼을 누른 상태에서 도형이 원하는 크기가 될 때까지 커서를 드래그합니다. 도형을 그리는 동안 다음과 같이 Shift 키를 눌러서 도형을 제한할 수 있습니다.
- 타원형 - Shift 키를 누른 상태에서 드래그하면 도형이 원으로 제한됩니다.
- 직사각형 - Shift 키를 누른 상태에서 드래그하면 도형이 정사각형으로 제한됩니다.
- 선 - Shift 키를 누른 상태에서 드래그하면 각도가 45° 단위로 증가하도록 제한됩니다.
도형을 그린 후에는 속성 패널에서 속성을 수정할 수 있습니다. SVG 도형 크기 조절에 대해 자세히 알아보세요.
타원형의 너비와 높이는 백분율이 아닌 픽셀로만 지정할 수 있습니다. 백분율 기반의 크기를 사용해야 하는 경우에는 모서리가 둥근 직사각형을 그려서 타원형을 시뮬레이션할 수 있습니다.