enuSpace professional 2016 기준
enuSpace 그래픽 저작기 이미지 객체(Image Object - SVG)
그래픽 편집기에서 Image Object 생성 방법은 아래와 같다.
1. Image Object를 생성할 Picture를 선택한다.
2. 그래픽 편집기 상단의 메뉴에서 “Image” 버튼을 클릭한다.
3. “Image” 버튼을 클릭하면 그래픽 편집기 화면 중앙에 다이얼로그 화면이 팝업 되어 나타나며, 이 다이얼로그 화면에서 원하는 이미지가 있는 위치로 이동하여 이미지를 선택하고 “열기”을 클릭한다.
4. “열기” 버튼을 클릭하면, Image 파일을 프로젝트가 위치한 폴더의 Resource 폴더로 해당 이미지를 복사하고 이를 Picture 화면으로 불러와 Image Object를 생성한다.
5. 생성된 Image Object는 그래픽 편집기 오른쪽에 위치한 “Property Window” 에서 설정한다.
아래 그림은 Image Object 생성 및 속성 설정 방법을 나타낸다.
아래 표는 Image Object의 Property 항목 및 기능에 대한 설명을 나타낸다.
|
분류 |
항목 |
기능 |
|
Property |
id |
고유 식별자 설정 |
|
visibility |
화면 표시 여부 설정 |
|
|
lock |
편집 모드 시 선택 여부 설정 |
|
|
Pen |
stoke |
외곽선 색상 설정 |
|
stoke-opacity |
외곽선 투명도 설정 불투명 : 1.0 투명 : 0.0 |
|
|
stoke-width |
외곽선 두께 설정 |
|
|
stoke-linecap |
외곽선 끝 모양 설정 |
|
|
stoke-linejoin |
외곽선의 꼭지점 모양 설정 |
|
|
stoke-dasharray |
외곽선 패턴 설정 패턴 입력의 구분자는 ‘ , ’이고 첫 패턴은 실선 두 번째는 공백의 순으로 반복 |
|
|
Layout |
x |
객체 그리는 x 좌표 설정 |
|
y |
객체의 그리는 y 좌표 설정 |
|
|
width |
넓이 값 설정 |
|
|
height |
높이 값 설정 |
|
|
href |
이미지 링크 주소 설정 |
|
|
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 for moon(2016) > Tutorial Guide' 카테고리의 다른 글
| enuSpace 그래픽 저작기 패스 객체(path Object - SVG) (0) | 2016.01.14 |
|---|---|
| enuSpace 그래픽 저작기 에디트 박스 객체(Edit box Object) (0) | 2016.01.14 |
| enuSpace 그래픽 저작기 텍스트 객체(Text Object - SVG) (0) | 2016.01.14 |
| enuSpace 그래픽 저작기 사각형 객체(Rectangle Object - SVG) (0) | 2016.01.14 |
| enuSpace 그래픽 저작기 타원 객체(Ellipse Object - SVG) (0) | 2016.01.14 |
