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 for moon(2016) > Tutorial Guide' 카테고리의 다른 글
enuSpace 그래픽 저작기 정렬 기능 (Arrange) (0) | 2016.01.14 |
---|---|
enuSpace 그래픽 저작기 패스 객체(path Object - SVG) (0) | 2016.01.14 |
enuSpace 그래픽 저작기 이미지 객체(Image Object - SVG) (0) | 2016.01.14 |
enuSpace 그래픽 저작기 텍스트 객체(Text Object - SVG) (0) | 2016.01.14 |
enuSpace 그래픽 저작기 사각형 객체(Rectangle Object - SVG) (0) | 2016.01.14 |