readme

BPing · May 31, 2017 · a51106b · a51106b
1 parent eb1916c
commit a51106b
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -10,12 +10,17 @@ a web drawing board with canvas
 
 > demo: [https://home.cbping.vip/crysyan/demo-index.html](https://home.cbping.vip/crysyan/demo-index.html)
 
-# install
+`nodejs`
 
 ```cmd
-  
+
+   - node install crysyan -g
+   - crysyan
+   
+   visit http://locolhost:9001 with browser 
 ```
 
+![project demo](https://github.com/BPing/crysyan/blob/master/doc/img/crysyan-png.png?raw=true)
 
 # <a name="index"/>Index
 * [Compatibility](#Compatibility)

diff --git a/doc/img/crysyan-png.png b/doc/img/crysyan-png.png
diff --git a/index.html b/index.html
@@ -38,6 +38,7 @@
 <body>
 
 <div style="height:760px;" class="crysyan-designer">
+    <a id="download-png" download="my-file-name.png" style="color: #ff0206" class="btn btn-github">download png</a>
     <button type="button" id="start-record">start-record</button>
     <button id="stop-record">stop-record</button>
 </div>
@@ -60,6 +61,11 @@
 
         }
     }, function (designer) {
+        $("#download-png").click(function () {
+            var canvas = designer.getView().crysyanCanvas;
+            document.getElementById("download-png").href = canvas.toDataURL();
+        });
+
         console.dir(designer);
         var image = new Image();
         image.src = "http://dream.com:9977/img/pencil.png";

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "crysyan",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "a web drawing board with canvas",
   "main": "server.js",
   "directories": {