18 lines
746 B
HTML
18 lines
746 B
HTML
---
|
|
template: example.html
|
|
title: Layer Spy Example
|
|
shortdesc: View a portion of one layer over another
|
|
docs: >
|
|
<p>Layer rendering can be manipulated in <code>precompose</code> and <code>postcompose</code> event listeners.
|
|
These listeners get an event with a reference to the Canvas rendering context.
|
|
In this example, the <code>precompose</code> listener sets a clipping mask around the most
|
|
recent mouse position, giving you a spyglass effect for viewing one layer over another.</p>
|
|
<p>Move around the map to see the effect. Use the ↑ up and ↓ down arrow keys to adjust the spyglass size.</p>
|
|
tags: "spy, image manipulation"
|
|
---
|
|
<div class="row-fluid">
|
|
<div class="span12">
|
|
<div id="map" class="map"></div>
|
|
</div>
|
|
</div>
|