ObjectStyle

ObjectStyle

그래픽 스타일을 관리하는 클래스로 Graphic 클래스의 getDefaultStyle() 호출하여 기본 스타일을 변경 하거나,
D2.Core.GraphicObjectStyle()로 생성 할 수 있다.

Constructor

new ObjectStyle()

Members

fill :object

Properties:
Name Type Description
fill.type string

채움 타입 ('simple' : 단순 채움, 'pattern' : 외부에서 정의한 사용자 패턴으로 채움)
fill.color array

채움 색상 ([R, G, B, A]), (R, G, B : 0 ~ 255, A : 0 ~ 1.0)

채움 스타일 설정 정보

Type:
  • object

line :object

Properties:
Name Type Description
line.type string

라인 타입을 설정한다. ('simple', 'dash')
line.width number

라인 두께를 설정한다.
line.color array

라인 색상을 설정한다. ([R, G, B, A]), (R, G, B : 0 ~ 255, A : 0 ~ 1.0)
line.dash array

라인 타입이 dash을 경우 점선 정보를 설정한다.
([10, 10], [10, 10, 0, 10], [10, 10, 0, 10, 0, 10])
line.arrowBegin string

라인 시작 모양을 설정한다. ('none', 'openarrow', 'arrow')
line.arrowEnd string

라인 끝 모양을 설정한다. ('none', 'openarrow', 'arrow')

라인 스타일 설정 정보

Type:
  • object

marker :object

Properties:
Name Type Description
marker.imgUrl string

이미지 URL을 설정한다. (포인트 타입이 'marker'인 경우에 반영)
marker.size number

포인트 크기를 설정한다.

마커 스타일 설정 정보

Type:
  • object

point :object

Properties:
Name Type Description
point.type string

포인트 타입을 설정한다. ('circle', 'rectangle', 'rhombus', 'triangle', 'invertTriangle')
point.color array

포인트 색상을 설정한다. ([R, G, B, A]), (R, G, B : 0 ~ 255, A : 0 ~ 1.0)
point.size number

포인트 크기를 설정한다.

포인트 스타일 설정 정보

Type:
  • object

text :object

Properties:
Name Type Description
text.color array

텍스트 색상 ([R, G, B, A]), (R, G, B : 0 ~ 255, A : 0 ~ 1.0)
text.outlineColor array

외각선 색상 ([R, G, B, A]), (R, G, B : 0 ~ 255, A : 0 ~ 1.0)
text.backgroundColor array

배경 색상 ([R, G, B, A]), (R, G, B : 0 ~ 255, A : 0 ~ 1.0)
text.font string

글꼴
text.fontSize number

텍스트 크기
text.showBackground bool

배경 도시 유무
text.outlineWidth number

외각선 두께
text.placement number

텍스트 정렬 ('point' : 도형중심위치, 'line' : 도형선에 위치)
text.rotation number

텍스트 회전각도 (radian)
text.textAlign number

텍스트 정렬 ('left', 'center', 'right')
text.textBaseline number

텍스트 베이스라인 ('bottom', 'top', 'middle', 'alphabetic', 'hanging', 'ideographic')
text.bold bool

텍스트 볼드체 적용
text.italic bool

텍스트 기울임 적용
text.directionRightToLeft bool

텍스트 문자방향 (텍스트 세로방향이 설정되어 있어야하며, 줄 바꿈 문자(\n)를 포함한 경우)
text.directionVertical bool

텍스트 세로방향

텍스트 스타일 설정 정보

Type:
  • object