-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreadme_kor.html
102 lines (87 loc) · 4.68 KB
/
readme_kor.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
html
{
line-height: 1.7;
}
img
{
vertical-align: middle;
}
h3
{
margin-top:30px;
margin-bottom:0px;
color:rgb(0, 63, 134);
}
</style>
</head>
<body>
<h3>이 프로그램은 무엇입니까?</h3>
심심해서 만든 그림그리기 툴입니다<br>
<h3>그림이 안그려집니다.</h3>
이 프로그램은 <b>데스크톱 윈도우10의 Chrome, Edge, Firefox 브라우저 에서만</b><br>
테스트 되었기 때문에 mac이나 아이패드 같은 모바일은 작동이 되는지 안되는지<br>
잘 모르겠어요. 크롬 브라우저에서 사용을 권장합니다.<br>
<h3>저장되는 파일 이름을 바꾸는 방법</h3>
<img src="img/filenamehelp.png"><br>
윗쪽 타이틀바를 보시면 처음에 Untitled라고 되어있는 부분이 있습니다<br>
그 부분을 클릭해서 이름을 바꿔 두면 되요.<br>
<h3>큰 이미지를 불러오면 짤려서 나옴</h3>
이 프로그램에서 그린 가로 600px짜리 이미지만 딱맞게 불러옵니다<br>
<h3>캔버스 크기를 조절하는 방법</h3>
<img src="img/canvassizehelp.png"><br>
일단 세로 크기만 조절이 되고요<br>
<ul>
<li>캔버스 회색 테두리 아랫쪽에 보면 얇은 선이 2줄로 그어진 부분이 있어요.</li>
<li>그 부분을 클릭하신 후 위아래로 움직이면 크기 조절이 됩니다</li>
<li>150~800 픽셀 사이로만 조절되요</li>
</ul>
<h3>단축키</h3>
윈도우 메뉴에 Shortcut-key를 클릭하면 단축키 목록을 볼 수 있어요<br>
녹색 부분은 오른손잡이용, 파란색 부분은 왼손잡이용입니다.<br>
단축키 변경은 못해요ㅠ<br>
<h3>툴 위치 옮기기</h3>
<img src="img/smallgraybox.png">
<ul>
<li>툴 윗쪽이나 왼쪽을 보면 작은 회색 상자가 보여요.</li>
<li>그 상자를 클릭하면 2개의 빨간 막대기가 나타나는데</li>
<li>그 쪽으로 드래그 하면 툴을 이동 시킬 수 있어요.</li>
<li>위아래나 오른쪽 왼쪽으로 약간 이동시킬 수도 있으니 참고하시길</li>
</ul>
<h3>반투명한 색깔로 칠하기</h3>
<img src="img/colormodeHelp.png"><br>
컬러 팔래트의 커다란 색깔 상자를 클릭하면<br>
불투명 반투명으로 번갈아 변경됩니다.<br>
<h3>스포이드 툴<img src="img/icon_spuit.png">로 색깔을 선택할때 원 모양은?</h3>
<img src="img/spuithelp.png"><br>
돋보기 기능입니다. 클릭을 떼지 말고<br>
마우스를 이리저리 움직이면, 돋보기가 1픽셀씩 움직이는데<br>
중간색을 선택할때 편리합니다<br>
<h3>컬러 팔레트 아랫쪽은 전부 흰색네모들</h3>
<img src="img/colortoolhelp.jpg"><br>
현재 색깔을 저장하는 상자입니다.<br>
<ul>
<li>일단 스포이드툴<img src="img/icon_spuit.png">로 추가하고 싶은 색깔을 뽑아주시구요</li>
<li>원하는 상자에 마우스를 길게 클릭하면 색이 저장이 되요.</li>
<li>그냥 클릭하면 색이 선택되구요.</li>
</ul>
<h3>작은 마우스 커서 사용하기</h3>
화면의 오른쪽 아래 구석에 보면, [<img src="img/icon_tiny.png">tiny] 라고 적혀진 상자가 보여요.<br>
클릭하면 캔버스에서 작은 커서를 쓸 수 있어요.<br>
<h3>이미지 이동 툴<img src="img/icon_move.png">을 많이 쓰면 왜 이미지 테두리 부분이 점점 사라지는 현상</h3>
이미지 용량을 제한하기 때문에 이미지가 짤립니다. 이미지 이동을 조심해서 하세요.<br>
실수했다면 작업취소 <img src="img/icon_undo.png">버튼을 눌러서 원래대로 돌려놓으면 됩니다.<br>
이 특징을 이용해 손쉽게 캔버스를 청소 할 수 있어요.<br>
<h3>손 툴<img src="img/icon_hand.png">을 이용해서 캔버스를 이동 시킨 후, 위치를 원래대로 하기</h3>
캔버스 축소버튼<img src="img/icon_zoomout.png">나, 단축키를 여러번 누르세요<br>
확대가 1배일때는 캔버스 위치가 초기위치로 바뀌어요 <p></p>
버그보고나 하고 싶은 말등은 about을 눌러 나오는 <a href="https://twitter.com/ninanoninini">제 트위터</a>나 이메일(cube4none@gmail.com)로 보내주세요.<p>
</p>
</body>
</html>