[]
        
(Showing Draft Content)

디자이너에서 그림 삽입

워크시트에 그림을 삽입하려면 SpreadJS 디자이너의 삽입(Insert) 탭을 사용할 수 있습니다.

디자이너는 두 가지 배치 옵션을 제공합니다.

  • 셀 안에 배치(Place in Cell)

  • 셀 위에 배치(Place over Cells)

선택한 옵션에 따라 워크시트에서 그림이 동작하는 방식이 결정됩니다.

그림 삽입

그림을 삽입하려면:

  1. 삽입(Insert) 탭으로 이동합니다.

  2. 일러스트레이션(Illustrations) 그룹에서 그림(Picture) 을 선택합니다.

  3. 다음 옵션 중 하나를 선택합니다.

  • 셀 안에 배치(Place in Cell)

  • 셀 위에 배치(Place over Cells)

선택한 옵션에 따라 워크시트에서 그림이 동작하는 방식이 결정됩니다.

image-20260421.e396d3.png

셀 안에 배치

셀 안에 배치(Place in Cell) 를 선택하면:

  • 이미지가 선택된 셀에 삽입됩니다.

  • 이미지가 셀 값이 됩니다.

  • 정렬, 필터링, 수식 및 기타 워크시트 작업에 참여합니다.

  • 이미지가 이미지 리치 데이터(Image Rich Data)로 저장됩니다.

이미지가 데이터 집합의 일부인 경우 이 모드를 사용하세요.

자세한 내용은 이미지 리치 데이터를 참조하세요.

image-20260407.17c7b6.png

셀 위에 배치

셀 위에 배치(Place over Cells) 를 선택하면:

  • 이미지가 그림 도형으로 삽입됩니다.

  • 자유롭게 이동 및 크기 조정할 수 있습니다.

  • 워크시트 데이터 작업에는 참여하지 않습니다.

image-20260407.a0f084.png

이 모드는 레이아웃 및 프레젠테이션 용도로 사용합니다.

자세한 내용은 그림 도형을 참조하세요.

그림 서식 리본 메뉴

그림 도형을 선택하면 리본 메뉴에 그림 서식(Picture Format) 탭이 표시됩니다.

image-20260407.6f654d.png

이 탭에서 다음 작업을 수행할 수 있습니다.

  • 이미지 모양 조정(보정, 색상, 투명도)

  • 대체 텍스트 설정

  • 그림 회전 및 정렬

  • 이미지 자르기

  • 높이 및 너비 설정

  • 서식 창(Format Pane) 또는 선택 창(Selection Pane) 열기

이 옵션들은 그림 도형에 적용됩니다.

배치 모드 간 변환

디자이너에서는 셀 안에 배치셀 위에 배치 간에 그림을 변환할 수 있습니다.

사용 가능한 명령은 현재 그림 유형에 따라 달라집니다.

그림 도형을 셀 안에 배치로 변환

그림 도형이 선택된 상태에서 다음 방법으로 변환할 수 있습니다.

  • 그림 서식(Picture Format) 리본 메뉴의 셀 안에 배치(Place in Cell) 버튼

image-20260407.95c7ac.png

  • 그림 오른쪽 상단에 표시되는 빠른 변환 버튼

image-20260407.cea269.png

  • 마우스 오른쪽 버튼 메뉴 → 셀 안에 배치(Place in Cell)

image-20260421.f25fb4.png

변환 후:

  • 이미지가 셀 값으로 저장됩니다.

  • 그림 도형은 제거됩니다.

  • 이미지가 이미지 리치 데이터가 됩니다.

셀 안의 그림을 셀 위에 배치로 변환

이미지가 포함된 셀이 선택된 상태에서 다음 방법으로 변환할 수 있습니다.

  • 이미지 오른쪽 상단에 표시되는 빠른 변환 버튼

image-20260407.e7ca97.png

  • 마우스 오른쪽 버튼 메뉴 → 셀 안의 그림(Picture in Cell)셀 위에 배치(Place over Cells)

image-20260421.c6660c.png

변환 후:

  • 그림 도형이 생성됩니다.

  • 이미지가 더 이상 셀 값으로 저장되지 않습니다.

셀 안의 그림에 대한 추가 옵션

이미지가 포함된 셀을 마우스 오른쪽 버튼으로 클릭하면 다음 메뉴도 사용할 수 있습니다.

  • 미리 보기 표시(Show Preview) — 이미지 미리 보기 카드를 엽니다.

image-20260407.7d8ccd.png

  • 대체 텍스트 보기(View Alt Text) — 디자이너 오른쪽에 대체 텍스트(Alt Text) 창이 열리며, 대체 설명을 입력하거나 수정할 수 있습니다.

image-20260407.aa2833.png