Updated
This commit is contained in:
@@ -29,17 +29,14 @@
|
||||
<div class="span4">
|
||||
<h4>Canvas</h4>
|
||||
<div id="canvasMap" class="map"></div>
|
||||
<small id="canvasMousePosition"></small>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<h4>WebGL</h4>
|
||||
<div id="webglMap" class="map"></div>
|
||||
<small id="webglMousePosition"></small>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<h4>DOM</h4>
|
||||
<div id="domMap" class="map"></div>
|
||||
<small id="domMousePosition"></small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -47,11 +44,11 @@
|
||||
|
||||
<div class="span4">
|
||||
<h4 id="title">Side-by-side example</h4>
|
||||
<p id="shortdesc">The two maps share the same center, resolution, rotation and layers.</p>
|
||||
<p id="shortdesc">The three maps, one WebGL, one Canvas, one DOM, share the same center, resolution, rotation and layers.</p>
|
||||
<div id="docs">
|
||||
<p>See the <a href="side-by-side.js" target="_blank">side-by-side.js source</a> to see how this is done.</p>
|
||||
</div>
|
||||
<div id="tags">side-by-side, canvas, webgl, dom, sync, object</div>
|
||||
<div id="tags">side-by-side, canvas, webgl, dom, canvas, sync, object</div>
|
||||
</div>
|
||||
|
||||
<div class="span8">
|
||||
@@ -61,18 +58,10 @@
|
||||
<dd>drag, arrow keys</dd>
|
||||
<dt>Zoom</dt>
|
||||
<dd>double-click, <code>Shift</code>+double-click, mouse wheel, <code>+</code>/<code>-</code> keys; <code>Shift</code>+drag</dd>
|
||||
<dt>Rotate</dt>
|
||||
<dd><code>Alt+Shift</code>+drag, <code>r</code> to reset</dd>
|
||||
<dt>Brightness/contrast</dt>
|
||||
<dd><code>b</code>/<code>B</code>/<code>c</code>/<code>C</code> keys (WebGL only)</dd>
|
||||
<dt>Hue/saturation</dt>
|
||||
<dd><code>h</code>/<code>H</code>/<code>s</code>/<code>S</code> keys (WebGL only)</dd>
|
||||
<dt>Opacity</dt>
|
||||
<dd><code>o</code>/<code>O</code> keys</dd>
|
||||
<dt>Visibility</dt>
|
||||
<dd><code>v</code>/<code>V</code> keys</dd>
|
||||
<dt>Animations</dt>
|
||||
<dd><code>j</code>/<code>l</code>/<code>m</code>/<code>x</code>/<code>L</code>/<code>M</code>/<code>X</code> keys</dd>
|
||||
<dt>Reset</dt>
|
||||
<dd><code>0</code> key</dd>
|
||||
</dl>
|
||||
|
||||
Reference in New Issue
Block a user