| 1 | ---
|
| 2 | layout: example.html
|
| 3 | title: Image Filters
|
| 4 | shortdesc: Apply a filter to imagery
|
| 5 | docs: >
|
| 6 | <p>Layer rendering can be manipulated in <code>precompose</code> and <code>postcompose</code> event listeners.
|
| 7 | These listeners get an event with a reference to the Canvas rendering context.
|
| 8 | In this example, the <code>postcompose</code> listener applies a filter to the image data.</p>
|
| 9 | tags: "filter, image manipulation"
|
| 10 | cloak:
|
| 11 | As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5: Your Bing Maps Key from http://www.bingmapsportal.com/ here
|
| 12 | ---
|
| 13 | <div id="map" class="map"></div>
|
| 14 | <select id="kernel" name="kernel">
|
| 15 | <option>none</option>
|
| 16 | <option selected>sharpen</option>
|
| 17 | <option value="sharpenless">sharpen less</option>
|
| 18 | <option>blur</option>
|
| 19 | <option>shadow</option>
|
| 20 | <option>emboss</option>
|
| 21 | <option value="edge">edge detect</option>
|
| 22 | </select>
|