[]
        
(Showing Draft Content)

사용자 정의 도형

SpreadJS는 사용자의 특정 요구에 따라 워크시트에 사용자 정의 도형 을 추가하는 기능을 제공합니다. 그래픽을 캔버스에 그리듯이 원하는 도형을 직접 모델링하여 추가할 수 있습니다.

아래 이미지는 워크시트에 추가된 사용자 정의 도형의 예시입니다.




다음은 사용자 정의 도형을 워크시트에 추가하는 코드 샘플입니다:

// 워크시트에 사용자 정의 도형 추가
window.onload = function ()
{
   var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
   var sheet = spread.getActiveSheet();
   // 사용자 정의 도형 모델 정의
   var model =
    {
       left: 50,
       top: 50,
       width: 300,
       height: 300,
       options:
       {
            fill:
              {
                type: 1,
                color: "green",
                transparency: 0.5,
               },                    
             stroke:
               {
                 type: 1, // solid fill (now only support solid fill)
                 color: "blue",
                 width: 3                   
                }                    
          },
                path: [
                 [
                        ["M", 4, 1], // M: move to (x, y)
                        ["L", 104, 1], // L: line to (x, y)
                        ["L", 4, 94],
                        ["L", 104, 94],
                        ["L", 4, 1],
                        ["M", 4, 47],
                        ["L", 104, 47],
                        ["Z"]
                  ]
                ]
            };
   // 시트에 정의한 사용자 정의 도형 추가
    sheet.shapes.add('name', model);          
} 

참고: SpreadJS에서 사용자 정의 도형을 사용할 때 다음과 같은 제한 사항이 있습니다:

  • 사용자 정의 도형은 현재 Excel 파일로의 가져오기/내보내기(Import/Export) 를 지원하지 않습니다.

  • 도형 내 텍스트는 수평 방향, 수평 및 수직 정렬, 단색 채우기, 글꼴 이름 및 크기, 여백 등 일부 속성만 지원합니다.

  • 도형을 가로/세로 또는 양방향으로 뒤집는(Flipping) 기능은 현재 완전하게 지원되지 않습니다.

  • 도형 외곽 영역을 클릭해 선택하는 HitTest 기능은 완전하게 지원되지 않으며, 이로 인해 외곽을 클릭해 도형을 선택할 수 없습니다.