enuSpace professional 2016 기준

enuSpace 그래픽 저작기 그룹/언그룹 기능(Group/Ungroup)



그래픽 편집기는 객체들 간의 Group과 Ungroup 기능을 제공하며, Group은 Group으로 표현할 객체들을 선택하고, 그래픽 편집기 상단 가운데에 위치한 “Arrange” 버튼을 클릭한다. 하위 메뉴로 나오는 “Group” 버튼을 클릭하면 객체들이 하나의 객체로 Group 되어 표현된다. 아래 그림은 객체의 Group을 사용하는 방법을 나타낸 것이다.




UnGroup은 Group된 객체를 다시 각각의 객체로 나누기 위해 사용하며, Group 객체를 선택하고, 그래픽 편집기 상단 가운데에 위치한 “Arrange” 버튼을 클릭한다. 하위 메뉴로 나오는 “UnGroup” 버튼을 클릭하면 Group 된 객체가 Group 이전의 객체들로 분리되어 표현된다. 아래 그림은 객체의 UnGroup을 사용하는 방법을 나타낸 것이다.






enuSpace professional 2016 기준

enuSpace 그래픽 저작기 에디트 박스 객체(Edit box Object)


그래픽 편집기에서 Edit Box Object 생성 방법은 아래와 같다.


1. Edit Box Object를 생성할 Picture를 선택한다.

2. 그래픽 편집기 상단의 메뉴에서 “Edit Box” 버튼을 클릭한다.

3. “Edit Box” 버튼을 클릭하고 선택한 Picture에서 원하는 위치 및 길이만큼 마우스로 드래그하여 Edit Box Object를 생성한다.

4. “Input the Text”라는 초기 텍스트를 가진 Edit Box Object를 생성되면 “Input the Text” 영역을 마우스로 클릭하면 “Input the Text”는 사라지고 커서가 표시되고 Text를 입력한다.

5. 생성된 Edit Box Object는 그래픽 편집기 오른쪽에 위치한 “Property Window” 에서 설정한다.


아래 그림은 Edit Box Object 생성 및 속성 설정 방법을 나타낸다.




아래 표는 Edit Box Object의 Property 항목 및 기능에 대한 설명을 나타낸다.


분류

항목

기능

Property

id

고유 식별자 설정

visibility

화면 표시 여부 설정

lock

편집 모드 시 선택 여부 설정

Brush

fill

객체의 면 색상 채우기 설정

fill-opacity

면 색상 투명도 설정

Pen

stoke

외곽선 색상 설정

stoke-opacity

외곽선 투명도 설정

불투명 : 1.0 투명 : 0.0

stoke-width

외곽선 두께 설정

stoke-linecap

외곽선 끝 모양 설정

stoke-linejoin

외곽선의 꼭지점 모양 설정

stoke-dasharray

외곽선 패턴 설정

패턴 입력의 구분자는 ‘ , ’이고 첫 패턴은 실선 두 번째는 공백의 순으로 반복

Layout

x

객체 그리는 x 좌표 설정

y

객체의 그리는 y 좌표 설정

width

넓이 값 설정

height

높이 값 설정

Transform

translate-x

원점으로부터 이동한 거리 X 좌표 설정

translate-y

원점으로부터 이동한 거리 Y 좌표 설정

rotate

회전 값 설정

scale-x

크기 변경 X 좌표 설정

scale-y

크기 변경 Y 좌표 설정

center-x

센터 포인터의 X 설정

center-y

센터 포인터의 Y 설정

Style & Class

Style

외부 스타일 정의

class

내부 스타일 정의

Edit Box

font-family

글자 모양 설정

font-size

글자 크기 설정

font-style

글자 스타일 설정 (normal, italic, oblique)

font-weight

글자 가중치 설정 (normal, bold, bolder )

text

글자 삽입 내용 설정

text-color

글자 색 설정

disabled

글자 입력 제한 여부 설정

multiline

두 줄 이상 입력 여부 설정

password

패스워드 형식으로 표시 설정

read-only

읽기 전용 설정

want-return

Enter 입력 설정 여부

text-align

글자 좌우 정렬 설정

border

Edit Box 테두리 설정

number

숫자만 입력 설정

lowercase

소문자 입력 표시 설정

uppercase

대문자 입력 표시 설정

static-edge

그림자 표시 여부 설정

auto-scroll

자동 스크롤 설정

horizontal-scroll

가로 스크롤 설정

vertical-scroll

세로 스크롤 설정


enuSpace professional 2016 기준

enuSpace 그래픽 저작기 텍스트 객체(Text Object - SVG)



그래픽 편집기에서 Text Object 생성 방법은 아래와 같다.


1. Text Object를 생성할 Picture를 선택한다.

2. 그래픽 편집기 상단의 메뉴에서 “Text” 버튼을 클릭한다.

3. “Text” 버튼을 클릭하고 선택한 Picture에서 원하는 위치에 마우스를 클릭하면 “Input the Text”라는 초기 텍스트를 가진 Text Object를 생성한다.

4. “Input the Text” 영역을 마우스로 클릭하면 “Input the Text”는 사라지고 커서가 표시되고 Text를 입력한다.

5. 생성된 Text Object는 그래픽 편집기 오른쪽에 위치한 “Property Window” 에서 설정한다.


아래 그림은 Text Object 생성 및 속성 설정 방법을 나타낸다.




아래 표는 Text Object Property 항목 및 기능에 대한 설명을 나타낸다.


분류

항목

기능

Property

id

고유 식별자 설정

visibility

화면 표시 여부 설정

lock

편집 모드 시 선택 여부 설정

Pen

stoke

외곽선 색상 설정

stoke-opacity

외곽선 투명도 설정

불투명 : 1.0 투명 : 0.0

stoke-width

외곽선 두께 설정

stoke-linecap

외곽선 끝 모양 설정

stoke-linejoin

외곽선의 꼭지점 모양 설정

stoke-dasharray

외곽선 패턴 설정

패턴 입력의 구분자는 ‘ , ’이고 첫 패턴은 실선 두 번째는 공백의 순으로 반복

font

text

삽입 내용 설정

font-family

글자 모양 설정

font-size

글자 크기 설정

font-style

글자 스타일 설정 (normal, italic, oblique)

font-weight

글자 가중치 설정 (normal, bold, bolder )

font-anchor

글자 좌우 정렬 설정

baseline-shift

글자 상하 위치 설정

Layout

x

Text object 시작 X 점 위치 설정

y

Text object 시작 Y 점 위치 설정

dx

Text object 시작 DX 점 위치 설정

dy

Text object 시작 DY 점 위치 설정

Transform

translate-x

원점으로부터 이동한 거리 X 좌표 설정

translate-y

원점으로부터 이동한 거리 Y 좌표 설정

rotate

회전 값 설정

scale-x

크기 변경 X 좌표 설정

scale-y

크기 변경 Y 좌표 설정

center-x

센터 포인터의 X 좌표 설정

center-y

센터 포인터의 Y 좌표 설정

Style & Class

style

외부 스타일 정의

class

내부 스타일 정의




enuSpace professional 2016 기준

enuSpace 그래픽 저작기 타원 객체(Ellipse Object - SVG)



그래픽 편집기에서 Ellipse Object 생성 방법은 아래와 같다.

1. Ellipse Object를 생성할 Picture를 선택한다.

2. 그래픽 편집기 상단의 메뉴에서 “Ellipse” 버튼을 클릭한다.

3. “Ellipse” 버튼을 클릭하고 선택한 Picture에서 원하는 위치 및 길이만큼 마우스로 Drag하여 Ellipse Object를 생성한다.

4. 생성된 Ellipse Object는 그래픽 편집기 오른쪽에 위치한 “Property Window” 에서 설정한다.


아래 그림은 Line Object 생성 및 속성 설정 방법을 나타낸다.





아래 표는 Ellipse Object의 Property 항목 및 기능에 대한 설명을 나타낸다.


분류

항목

기능

Property

id

고유 식별자 설정

visibility

화면 표시 여부 설정

lock

편집 모드 시 선택 여부 설정

Brush

fill

채우기 색상 설정

fill-opacity

면 색상 투명도 설정

Pen

stoke

외곽선 색상 설정

stoke-opacity

외곽선 투명도 설정

불투명 : 1.0 투명 : 0.0

stoke-width

외곽선 두께 설정

stoke-linecap

외곽선 끝 모양 설정

stoke-linejoin

외곽선의 꼭지점 모양 설정

stoke-dasharray

외곽선 패턴 설정

패턴 입력의 구분자는 ‘ , ’이고 첫 패턴은 실선 두 번째는 공백의 순으로 반복

Layout

cx

센터 포인터 X 좌표 설정

cy

센터 포인터 Y 좌표 설정

rx

X 축 반지름 크기 설정

ry

Y 축 반지름 크기 설정

Transform

translate-x

원점으로부터 이동한 거리 X 좌표 설정

translate-y

원점으로부터 이동한 거리 Y 좌표 설정

rotate

회전 값 설정

scale-x

크기 변경 X 좌표 설정

scale-y

크기 변경 Y 좌표 설정

center-x

센터 포인터의 X 좌표 설정

center-y

센터 포인터의 Y 좌표 설정

Style & Class

style

외부 스타일 정의

class

내부 스타일 정의





+ Recent posts