Added "designer.clearCanvas" to clear and remove all shapes.

README.md

@@ -2,7 +2,7 @@
 
 ## Demo: https://www.webrtc-experiment.com/Canvas-Designer/
 
-## Advance Demo: [demos/dashboard.html](https://rtcmulticonnection.herokuapp.com/demos/dashboard.html)
+## Advance Demo: [demos/dashboard/](https://rtcmulticonnection.herokuapp.com/demos/dashboard/)
 
 Multiple designers demo: https://www.webrtc-experiment.com/Canvas-Designer/multiple.html
 
@@ -236,6 +236,14 @@ Pass array-of-points that are shared by remote users using socket.io or websocke
 designer.syncData(arrayOfPoints);
 ```
 
+## `clearCanvas`
+
+Remove and clear all drawings from the canvas:
+
+```javascript
+designer.clearCanvas();
+```
+
 ## `addSyncListener`
 
 This callback is invoked as soon as something new is drawn. An array-of-points is passed over this function. That array MUST be shared with remote users for collaboration.

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "canvas-designer",
   "preferGlobal": false,
-  "version": "1.2.5",
+  "version": "1.2.6",
   "author": {
     "name": "Muaz Khan",
     "email": "muazkh@gmail.com",

canvas-designer-widget.js

@@ -205,6 +205,14 @@ function CanvasDesigner() {
         });
     };
 
+    designer.clearCanvas = function () {
+        if (!designer.iframe) return;
+
+        designer.postMessage({
+            clearCanvas: true
+        });
+    };
+
     designer.widgetHtmlURL = 'widget.html';
     designer.widgetJsURL = 'widget.min.js';
 }

dev/share-drawings.js

@@ -82,6 +82,12 @@ window.addEventListener('message', function(event) {
         return;
     }
 
+    if (event.data.clearCanvas) {
+        points = [];
+        drawHelper.redraw();
+        return;
+    }
+
     if (!event.data.canvasDesignerSyncData) return;
 
     // drawing is shared here (array of points)

index.html

@@ -336,7 +336,7 @@ <h2><a href="https://github.com/muaz-khan/Canvas-Designer#how-to-use">How to use
 
     <hr>
 
-    <h2><a href="https://rtcmulticonnection.herokuapp.com/demos/dashboard.html">WebRTC Dashboard</a></h2>
+    <h2><a href="https://rtcmulticonnection.herokuapp.com/demos/dashboard/">WebRTC Dashboard</a></h2>
 
     <br><br><br>
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "canvas-designer",
   "preferGlobal": false,
-  "version": "1.2.5",
+  "version": "1.2.6",
   "author": {
     "name": "Muaz Khan",
     "email": "muazkh@gmail.com",

simple.html

@@ -320,7 +320,7 @@ <h2><a href="https://github.com/muaz-khan/Canvas-Designer#how-to-use">How to use
 
     <hr>
 
-    <h2><a href="https://rtcmulticonnection.herokuapp.com/demos/dashboard.html">WebRTC Dashboard</a></h2>
+    <h2><a href="https://rtcmulticonnection.herokuapp.com/demos/dashboard/">WebRTC Dashboard</a></h2>
 
     <br><br><br>
 

widget.js

@@ -1,4 +1,4 @@
-// Last time updated: 2018-10-17 10:08:21 AM UTC
+// Last time updated: 2018-12-17 10:32:34 AM UTC
 
 // _______________
 // Canvas-Designer
@@ -3963,6 +3963,12 @@
             return;
         }
 
+        if (event.data.clearCanvas) {
+            points = [];
+            drawHelper.redraw();
+            return;
+        }
+
         if (!event.data.canvasDesignerSyncData) return;
 
         // drawing is shared here (array of points)