enuSpace 그래픽 저작기 이미지 객체(Image Object - SVG)

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	내부 스타일 정의