Make toSVG

Author: dy

src/plots/cartesian/index.js

@@ -16,6 +16,7 @@ var getModuleCalcData = require('../get_data').getModuleCalcData;
 
 var axisIds = require('./axis_ids');
 var constants = require('./constants');
+var xmlnsNamespaces = require('../../constants/xmlns_namespaces');
 
 exports.name = 'cartesian';
 
@@ -523,3 +524,28 @@ function joinLayer(parent, nodeType, className, dataVal) {
 
     return layer;
 }
+
+exports.toSVG = function(gd) {
+    var imageRoot = gd._fullLayout._glimages;
+    var root = d3.select(gd).selectAll('.svg-container');
+    var canvases = root.filter(function(d, i) {return i === root.size() - 1;})
+        .selectAll('.gl-canvas-context, .gl-canvas-focus');
+
+    function canvasToImage() {
+        var canvas = this;
+        var imageData = canvas.toDataURL('image/png');
+        var image = imageRoot.append('svg:image');
+
+        image.attr({
+            xmlns: xmlnsNamespaces.svg,
+            'xlink:href': imageData,
+            preserveAspectRatio: 'none',
+            x: 0,
+            y: 0,
+            width: canvas.width,
+            height: canvas.height
+        });
+    }
+
+    canvases.each(canvasToImage);
+};

src/plots/polar/index.js

@@ -79,5 +79,6 @@ module.exports = {
     layoutAttributes: require('./layout_attributes'),
     supplyLayoutDefaults: require('./layout_defaults'),
     plot: plot,
-    clean: clean
+    clean: clean,
+    toSVG: require('../cartesian').toSVG
 };

src/traces/scattergl/index.js

@@ -521,7 +521,7 @@ ScatterGl.sceneOptions = function sceneOptions(container, subplot, trace, positi
 };
 
 
-// make sure scene exists on subplot
+// make sure scene exists on subplot, return it
 ScatterGl.scene = function getScene(container, subplot) {
     var scene = subplot._scene;
     var layout = container._fullLayout;