Merge pull request #143 from fredj/get-renderer-canvas

Get renderer canvas

examples/two-layers.html

@@ -21,7 +21,7 @@
       <tr>
         <th>DOM</th>
         <th>WebGL</th>
-        <th>Canvas</th>
+        <th>Canvas <a id="canvas-export" href="#" download="map.png">export map as png</a></th>
       </tr>
       <tr>
         <td><div id="domMap" class="map"></div></td>

examples/two-layers.js

@@ -48,3 +48,7 @@ var canvasMap = new ol.Map({
 });
 canvasMap.bindTo('layers', webglMap);
 canvasMap.bindTo('view', webglMap);
+
+goog.events.listen(goog.dom.getElement('canvas-export'), 'click', function(e) {
+  e.target.href = canvasMap.getRenderer().getCanvas().toDataURL();
+});

src/ol/map.js

@@ -345,6 +345,14 @@ goog.exportProperty(
     ol.Map.prototype.getBackgroundColor);
 
 
+/**
+ * @return {ol.renderer.Map} Renderer.
+ */
+ol.Map.prototype.getRenderer = function() {
+  return this.renderer_;
+};
+
+
 /**
  * @return {Element} Container.
  */

src/ol/renderer/canvas/canvasmaprenderer.js

@@ -67,6 +67,14 @@ ol.renderer.canvas.Map.prototype.createLayerRenderer = function(layer) {
 };
 
 
+/**
+ * @inheritDoc
+ */
+ol.renderer.canvas.Map.prototype.getCanvas = function() {
+  return this.canvas_;
+};
+
+
 /**
  * @inheritDoc
  */

src/ol/renderer/maprenderer.js

@@ -146,6 +146,12 @@ ol.renderer.Map.prototype.disposeInternal = function() {
 };
 
 
+/**
+ * @return {Element} Canvas.
+ */
+ol.renderer.Map.prototype.getCanvas = goog.functions.NULL;
+
+
 /**
  * @param {ol.layer.Layer} layer Layer.
  * @protected

src/ol/renderer/webgl/webglmaprenderer.js

@@ -294,6 +294,14 @@ ol.renderer.webgl.Map.prototype.disposeInternal = function() {
 };
 
 
+/**
+ * @inheritDoc
+ */
+ol.renderer.webgl.Map.prototype.getCanvas = function() {
+  return this.canvas_;
+};
+
+
 /**
  * @return {WebGLRenderingContext} GL.
  */