[]
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 기능은 완전하게 지원되지 않으며, 이로 인해 외곽을 클릭해 도형을 선택할 수 없습니다.