Raster source for composing pixels from other sources

examples/raster.html

@@ -0,0 +1,13 @@
+---
+template: example.html
+title: Raster Source
+shortdesc: Demonstrates pixelwise operations with a raster source.
+docs: >
+  A dynamically generated raster source.
+tags: "raster, pixel"
+---
+<div class="row-fluid">
+  <div class="span12">
+    <div id="map" class="map"></div>
+  </div>
+</div>

examples/raster.js

@@ -0,0 +1,28 @@
+goog.require('ol.Map');
+goog.require('ol.View');
+goog.require('ol.layer.Image');
+goog.require('ol.source.OSM');
+goog.require('ol.source.Raster');
+
+
+var map = new ol.Map({
+  layers: [
+    new ol.layer.Image({
+      source: new ol.source.Raster({
+        sources: [new ol.source.OSM()],
+        operations: [function(pixels) {
+          var pixel = pixels[0];
+          var b = pixel[2];
+          pixel[2] = pixel[0];
+          pixel[0] = b;
+          return pixels;
+        }]
+      })
+    })
+  ],
+  target: 'map',
+  view: new ol.View({
+    center: [0, 0],
+    zoom: 2
+  })
+});