Tips: zoom & pan
Gestures
|
|
[double tap]
|
toggle zoom (aim at target)
|
|
|
[drag]
|
pan (only when zoomed-in)
|
|
|
[pinch]
|
zoom out / in
|
|
|
[stretch]
|
|
|
[twist]
|
rotate slide
(shift + drag mouse ⇒ simulate multitouch)
|
Keyboard
|
z
|
toggle zoom
|
|
esc
|
reset zoom
|
|
|
pan (only when zoomed-in)
|
NO-MARKDOWN
<div class="incremental auto">
<div class="boxed" style="margin-bottom: 1em;">
<h3>Gestures</h3>
<div class="nopad">
<table class="spaceLined">
<tr>
<td style="width: 5%">
<span class="symbols pale-greenx" title="double tap"></span>
</td>
<td style="width: 25%">
<span class="code">
[double tap]
</span>
</td>
<td>
toggle zoom <span style="font-size: 0.8em" class="fade">(aim at target)</span>
</td>
</tr>
<tr>
<td style="width: 5%">
<span class="symbols pale-greenx" title="pan"></span>
</td>
<td style="width: 25%">
<span class="code">
[drag]
</span>
</td>
<td>
pan <span style="font-size: 0.8em" class="fade">(only when zoomed-in)</span>
</td>
</tr>
<tr>
<td style="width: 5%;">
<span class="symbols pale-bluex" title="pinch"></span>
</td>
<td style="width: 25%;">
<span class="code">
[pinch]
</span>
</td>
<td rowspan="2">
zoom out / in
</td>
</tr>
<tr>
<td style="width: 5%; border: none;">
<span class="symbols pale-redx" title="stretch"></span>
</td>
<td style="width: 25%; border: none;">
<span class="code">
[stretch]
</span>
</td>
</tr>
<tr>
<td style="width: 5%">
<span class="symbols pale-greenx" title="rotate"></span>
</td>
<td style="width: 25%">
<span class="code">
[twist]
</span>
</td>
<td>
rotate slide
<br>
<span style="font-size: 0.8em" class="fade">(shift + drag mouse ⇒ simulate multitouch)</span>
</td>
</tr>
</table>
</div>
</div>
<div class="boxed">
<h3>Keyboard</h3>
<div class="nopad">
<table class="spaceLined">
<tr>
<td style="width: 30%; padding-top: 0.2em">
<span class="keyboard" style="padding-left: 0.4em; padding-right: 0.4em; ">z</span>
</td>
<td>
toggle zoom
</td>
</tr>
<tr>
<td style="width: 30%">
<span class="keyboard">esc</span>
</td>
<td>
reset zoom
</td>
</tr>
<tr>
<td style="width: 30%">
<span class="keyboard symbols" title="left" style="padding-left: 0.2em; padding-right: 0.4em; "></span>
<span class="keyboard symbols" title="right" style="padding-left: 0.4em; padding-right: 0.2em; "></span>
<span class="keyboard symbols" title="up"></span>
<span class="keyboard symbols" title="down"></span>
</td>
<td style="padding-bottom: 0.2em">
pan <span style="font-size: 0.8em" class="fade">(only when zoomed-in)</span>
</td>
</tr>
</table>
</div>
</div>
</div>