Added svg plugin

jquery.sketchable.svg.js

@@ -0,0 +1,58 @@
+/*!
+ * SVG plugin for Sketchable | v1.0 | Luis A. Leiva | MIT license
+ */
+
+/* eslint-env browser */
+/* global jQuery */
+;(function($) {
+
+  // Custom namespace ID, for private data bindind.
+  var namespace = 'sketchable';
+  /**
+   * Memento plugin constructor for jQuery Sketchable instances.
+   * @param {jQuery} $instance - jQuery sketchable instance.
+   * @namespace $.fn.sketchable.plugins.memento
+   */
+  $.fn.sketchable.plugins.svg = function($instance) {
+    // Access the instance configuration.
+    var config = $instance.sketchable('config');
+
+    var callbacks = {
+      clear: function(elem, data) {
+        data.sketch.callStack = [];
+      },
+      destroy: function(elem, data) {
+        data.sketch.callStack = [];
+      },
+    };
+
+    // Note: the init event is used to create sketchable instances,
+    // therefore it should NOT be overriden.
+    var events = 'clear destroy'.split(' ');
+    for (var i = 0; i < events.length; i++) {
+      var evName = events[i];
+      $instance.sketchable('decorateEvent', evName, callbacks[evName], 'svg');
+    }
+
+    // Expose public API: all jQuery sketchable instances will have these methods.
+    $.extend($.fn.sketchable.api, {
+      // Namespace methods to avoid collisions with other plugins.
+      svg: {
+        /**
+         * Generate SVG.
+         * @param {function} callback - Callback function, executed with the SVG as argument.
+         * @return {Sketchable} Sketchable instance.
+         * @memberof Sketchable.plugins.memento
+         * @example sketchableInstance.memento.undo();
+         */
+        create: function(callback) {
+          var data = $(this).data(namespace);
+          data.sketch.toSVG(callback);
+          return $instance;
+        },
+      },
+    });
+
+  };
+
+})(jQuery);

sketchable.svg.js

@@ -0,0 +1,59 @@
+/*!
+ * SVG plugin for Sketchable | v1.0 | Luis A. Leiva | MIT license
+ */
+
+// XXX: Requires `sketchable.utils.js` to be loaded first.
+
+/* eslint-env browser */
+/* global Event, dataBind, deepExtend */
+;(function(window) {
+
+  // Custom namespace ID, for private data bindind.
+  var namespace = 'sketchable';
+  /**
+   * Memento plugin constructor for Sketchable instances.
+   * @param {Sketchable} instance - Sketchable element.
+   * @namespace Sketchable.plugins.memento
+   */
+  Sketchable.prototype.plugins.svg = function(instance) {
+    // Access the instance configuration.
+    var config = instance.config();
+
+    var callbacks = {
+      clear: function(elem, data) {
+        data.sketch.callStack = [];
+      },
+      destroy: function(elem, data) {
+        data.sketch.callStack = [];
+      },
+    };
+
+    // Note: the init event is used to create sketchable instances,
+    // therefore it should NOT be overriden.
+    var events = 'clear destroy'.split(' ');
+    for (var i = 0; i < events.length; i++) {
+      var evName = events[i];
+      instance.decorateEvent(evName, callbacks[evName], 'svg');
+    }
+
+    // Expose public API: all Sketchable instances will have these methods.
+    deepExtend(instance, {
+      // Namespace methods to avoid collisions with other plugins.
+      svg: {
+        /**
+         * Generate SVG.
+         * @param {function} callback - Callback function, executed with the SVG as argument.
+         * @return {Sketchable} Sketchable instance.
+         * @memberof Sketchable.plugins.memento
+         * @example sketchableInstance.memento.undo();
+         */
+        create: function(callback) {
+          var data = dataBind(instance.elem)[namespace];
+          data.sketch.toSVG(callback);
+          return instance;
+        },
+      },
+    });
+  };
+
+})(this);