comparison doc/main_window_image_pane.html @ 1157:0186f9c7d9e4

Move (and update) image pane shortcuts to a table. Simplify css styles for those tables.
author zas_
date Wed, 19 Nov 2008 20:53:53 +0000
parents c564ab6c11fc
children 616fae3a801f
comparison
equal deleted inserted replaced
1156:50ffcd7c3539 1157:0186f9c7d9e4
56 <p>When the image size is larger than the image pane, the visible region can be changed with the keyboard or mouse. The keyboard can also be used to adjust the orientation of the image.</p> 56 <p>When the image size is larger than the image pane, the visible region can be changed with the keyboard or mouse. The keyboard can also be used to adjust the orientation of the image.</p>
57 57
58 <h3>Keyboard</h3> 58 <h3>Keyboard</h3>
59 <p>Use the arrow keys to pan the image in the desired direction, to increase the panning speed hold down the Shift key while pressing an arrow key.<br />Press Control and an arrow key to move to the respective edge of the image. The image can only be panned with the keyboard when the image has the focus, indicated by a dotted line surrounding the image pane.</p> 59 <p>Use the arrow keys to pan the image in the desired direction, to increase the panning speed hold down the Shift key while pressing an arrow key.<br />Press Control and an arrow key to move to the respective edge of the image. The image can only be panned with the keyboard when the image has the focus, indicated by a dotted line surrounding the image pane.</p>
60 60
61 <p>To scale the image size, use the [+] or [=] key to zoom in and the [-] key to zoom out. The [X] or keypad [*] key will scale the image to fit the available display area, the [Z] or keypad [/] key will reset the zoom to original image size. There are also keys to select a preset zoom factor: [1] = 1:1, [2] = 2:1, [3] =3:1, [4] = 4:1, [7] = 1:4, [8] = 1:3, and [9] = 1:2.</p> 61 <div class="shortcuts">
62 62 <table width="80%" border="1" cellpadding="2" cellspacing="0">
63 <p>To rotate the image clockwise 90 degrees press the &ldquo;]&rdquo; key, to rotate counterclockwise 90 degrees press the &ldquo;[&ldquo; key. To rotate the image 180 degrees use [Shift] + [R], the image can also be flipped horizontally or vertically with the respective [Shift] + [M] (mirror) and [Shift] + [F] (flip) keys.</p> 63 <col id="image_pane_shortcuts_col1" width="25%"></col>
64 64 <col id="image_pane_shortcuts_col2" width="25%"></col>
65 <col id="image_pane_shortcuts_col3" width="50%"></col>
66
67 <thead>
68 <tr>
69 <td>
70 <p>Shortcut</p>
71 </td>
72
73 <td>
74 <p>Context menu name</p>
75 </td>
76
77 <td>
78 <p>Description</p>
79 </td>
80 </tr>
81 </thead>
82 <tbody>
83 <tr>
84 <td>
85 <p>+</p>
86 <p>=</p>
87 </td>
88
89 <td>
90 <p>Zoom in</p>
91 </td>
92
93 <td>
94 <p>Zoom in.</p>
95 </td>
96 </tr>
97 <tr>
98 <td>
99 <p>-</p>
100 </td>
101
102 <td>
103 <p>Zoom out</p>
104 </td>
105
106 <td>
107 <p>Zoom out.</p>
108 </td>
109 </tr>
110 <tr>
111 <td>
112 <p>X</p>
113 <p>[Keypad] *</p>
114 </td>
115
116 <td>
117 <p>Fit image to window</p>
118 </td>
119
120 <td>
121 <p>Scale the image to fit the available display area.</p>
122 </td>
123 </tr>
124 <tr>
125 <td>
126 <p>Z</p>
127 <p>[Keypad] /</p>
128 </td>
129
130 <td>
131 <p>Zoom 1:1</p>
132 </td>
133
134 <td>
135 <p>Reset the zoom to original image size.</p>
136 </td>
137 </tr>
138 <tr>
139 <td>
140 <p>]</p>
141 </td>
142
143 <td>
144 <p>Adjust &gt; Rotate clockwise</p>
145 </td>
146
147 <td>
148 <p>Rotate the image clockwise 90 degrees.</p>
149 </td>
150 </tr>
151 <tr>
152 <td>
153 <p>[</p>
154 </td>
155
156 <td>
157 <p>Adjust &gt; Rotate counterclockwise</p>
158 </td>
159
160 <td>
161 <p>Rotate the image counterclockwise 90 degrees.</p>
162 </td>
163 </tr>
164 <tr>
165 <td>
166 <p>[Shift] + R</p>
167 </td>
168
169 <td>
170 <p>Adjust &gt; Rotate 180</p>
171 </td>
172
173 <td>
174 <p>Rotate the image 180 degrees.</p>
175 </td>
176 </tr>
177 <tr>
178 <td>
179 <p>[Shift] + M</p>
180 </td>
181
182 <td>
183 <p>Adjust &gt; Mirror</p>
184 </td>
185
186 <td>
187 <p>Flip the image horizontally.</p>
188 </td>
189 </tr>
190 <tr>
191 <td>
192 <p>[Shift] + F</p>
193 </td>
194
195 <td>
196 <p>Adjust &gt; Flip</p>
197 </td>
198
199 <td>
200 <p>Flip the image vertically.</p>
201 </td>
202 </tr>
203 </tbody>
204 </table>
205 </div>
65 <p class="note"><span class="note_label">Note:</span> The rotation, mirror, and flip functions will not change the image file on disk.</p> 206 <p class="note"><span class="note_label">Note:</span> The rotation, mirror, and flip functions will not change the image file on disk.</p>
66 207
67 <h3>Mouse</h3> 208 <h3>Mouse</h3>
68 <p>Press the primary mouse button on the image and hold it, then move the mouse to pan the image in the desired direction. Releasing the mouse button will stop the panning operation. The mouse wheel can also be used to scroll the image when holding down the [Shift] key <a href="#bottomnote1" class="bottomnote">(*)</a>.</p> 209 <p>Press the primary mouse button on the image and hold it, then move the mouse to pan the image in the desired direction. Releasing the mouse button will stop the panning operation. The mouse wheel can also be used to scroll the image when holding down the [Shift] key <a href="#bottomnote1" class="bottomnote">(*)</a>.</p>
69 210