enuSpace professional 2016 기준

enuSpace 그래픽 저작기 전역변수 설정 기능 (Global Variable)



Global 에서는 사용자가 직접 전역 변수 및 함수를 생성 및 삭제, 수정할 수 있는 편집 기능을 제공한다. 먼저 전역 변수 생성 방법은 아래와 같다. 


1. 전역 변수를 생성할 “global.svg” 파일을 선택 후 우클릭 한다.

2. 우클릭 후 나타나는 하위 메뉴 중 “Add Global Variable” 항목을 선택한다.

3. “Add Global Variable” 메뉴를 선택하면 화면 중앙에 팝업 다이얼로그 화면이 나타나며, 여기에 생성하고자 하는 변수 형식 및 변수 이름, 주석을 작성한다.

4. 작성이 완료되면 “Add” 버튼을 클릭하며, 생성된 전역 변수는 선택한 “global.svg” 파일 아래에 생성된 것을 확인할 수 있다.


아래 그림은 Global에서 전역 변수를 생성하는 방법에 대해 나타낸 것이다.





Global 에서 사용자 정의형 함수 생성 방법은 아래와 같다.


1. 함수를 생성할 “global.svg” 파일을 선택 후 우클릭 한다.

2. 우클릭 후 나타나는 하위 메뉴 중 “Add Global Function” 항목을 선택한다.

3. “Add Global Function” 메뉴를 선택하면 화면 중앙에 팝업으로 “Script Editor” 화면이 나타나며, 여기에 생성하고자 함수 기능을 정의한다.

4. 작성이 완료되면 “Compile” 버튼을 클릭하여 기능 정의가 에러 없이 정상적으로 정의 되었는지 검증할 수 있으며, 결과는 “Script Editor” 화면 하단의 “Output”에서 확인할 수 있다. 

5. “Compile” 버튼을 클릭하여 기능 정의가 완료된 함수는 “Accept” 버튼을 클릭하여 함수를 적용한다.

6. 기능 정의 및 검증이 완료된 함수를 실행해서 결과를 확인해 보기 원할 때는  “Execute” 버튼을 클릭하여 확인해 볼 수 있다.


아래 그림은 Global에서 사용자 정의 함수를 생성하는 방법에 대해 나타낸 것이다.






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 그래픽 저작기 쉐이프 객체(path Object - SVG)



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


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

2. 그래픽 편집기 상단의 메뉴에서 도형 모음이 있는 곳에서 원하는 Shape Object를 클릭한다.

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

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


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





아래 표는 Shape 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

외곽선 패턴 변경

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

Path-Layout

d

크기 변경

) M58.50, 32.00, L80.66, 60.57 A49.50, 32.20 0 0, 0 58.50, 0.00 Z

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 그래픽 저작기 텍스트 객체(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 그래픽 저작기 사각형 객체(Rectangle Object - SVG)



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


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

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

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

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

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



아래 표는 Rectangle 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 좌표 설정

rx

모서리 라운드 처리 x좌표 설정

ry

모서리 라운드 처리 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

내부 스타일 정의



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

내부 스타일 정의





enuSpace professional 2016 기준

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



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

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

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

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

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

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




아래 표는 Circle 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 좌표 설정

r

반지름 값 설정

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 그래픽 저작기 라인 객체(Line Object)


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

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

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

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

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

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




Line Object Property List


분류

항목

기능

Property

id

고유 식별자 설정

visibility

화면 표시 여부 설정

lock

편집 모드 시 선택 여부 설정

Pen

stoke

선 색상 설정

stoke-opacity

선 투명도 설정

불투명 : 1.0 투명 : 0.0

stoke-width

선 두께 설정

stoke-linecap

선 끝 모양 설정

stoke-linejoin

선의 꼭지점 모양 설정

stoke-dasharray

선 패턴 설정

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

Layout

x1

객체 그리는 시작 x 좌표 설정

y1

객체의 그리는 시작 y 좌표 설정

x2

객체 그리는 끝 x 좌표 설정

y2

객체의 그리는 끝 y 좌표 설정

Transform

translate-x

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

translate-y

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

scale-x

크기 변경 X 좌표 설정

scale-y

크기 변경 Y 좌표 설정

center-x

센터 포인터의 X 좌표 설정

center-y

센터 포인터의 Y 좌표 설정

Style & Class

style

외부 스타일 정의

class

내부 스타일 정의



enuSpace professional 2016 기준

enuSpace 편집기 단축 명령어 기능


그래픽 편집기에서는 객체 편집 시 사용되는 Common Edit Command를 제공하며, 종류는 Copy, Cut, Paste, Delete, Select를 제공한다.

Copy Paste를 하기 전에 선택한 객체를 메모리에 복사하여 놓는다. 키보드 단축키로는 “Ctrl + C”를 눌러 할 수 있고 편집기 화면에서는 아래 그림의 3번 항목을 클릭하여 실행할 수 있다. 객체의 선택은 선택하고자 하는 객체를 영역을 드래그 함으로써 영역 내에 있는 모든 객체를 선택하는 방법과 원하는 객체를 Shift+클릭을 함으로써 추가 할 수 있다.

Cut Paste를 하기 전에 선택한 객체를 메모리에 복사하여 놓고 원래의 선택된 객체 또는 객체들을 삭제한다. 키보드 단축키는 “Ctrl + X”를 눌러 할 수 있으며, 편집기 화면에서는 아래 그림의 1번 항목을 클릭하여 실행할 수 있다. 객체의 선택은 선택하고자 하는 객체를 영역을 드래그 함으로써 영역 내에 있는 모든 객체를 선택하는 방법과 원하는 객체를 Shift+클릭을 함으로써 추가 할 수 있다.

PasteCopy 또는 Cut를 사용하여 메모리에 저장된 객체를 새로운 객체로 생성하는 것이다. 키보드 단축키는 “Ctrl + V”를 눌러 할 수 있고 편집기 화면에서는 아래 그림 1번 항목을 클릭하여 실행할 수 있다.

Delete는 선택한 객체를 삭제하며 키보드 단축키는 “Delete” 버튼을 눌러 실행할 수 있고, 편집기 화면에서는 4번 항목으로 실행할 수 있다.

Select는 객체를 선택할 때 사용되며 편집기에서는 단일 선택, 전체 선택 및 선택해제 기능을 지원한다. 전체선택은 Picture에 있는 모든 객체를 선택하며, 키보드 단축키는 “Ctrl + A”를 눌러 할 수 있다. 선택해제는 Picture에서 객체가 없는 빈 공간을 클릭함으로써 해제 할 수 있다.


기능

단축키

설명

Copy

Ctrl + C

선택한 객체를 복사한다

Cut

Ctrl + X

선택한 객체를 잘라낸다.

Paste

Ctrl + V

복사 및 잘라낸 객체를 붙여 넣는다.

Delete

Delete

선택한 객체를 삭제한다.

Select

Shift + Click

Ctrl + A

객체를 선택하는 기능으로 단일 및 선택 추가, 전체 선택 기능을 제공한다.



아래 그림은 편집기에서 제공하는 Common Edit Command의 위치를 나타낸다.








'enuSpace for moon(2016) > Tutorial Guide' 카테고리의 다른 글

enuSpace 그래픽 저작기 라인 객체(Line Object - SVG)  (0) 2016.01.14
enuSpace Picture page 속성 설정  (0) 2016.01.13
Style 관리  (0) 2016.01.11
Global 관리  (0) 2016.01.11
Logic Symbol 관리  (0) 2016.01.11

+ Recent posts