From 18e66d7d2e4b9652831543ac89a11830e175f64f Mon Sep 17 00:00:00 2001
From: cbping <452775680@qq.com>
Date: Wed, 16 Nov 2016 19:05:02 +0800
Subject: [PATCH] update readme

---
 Guidance.md | 54 +++++++++++++++++++++++++++++++++++++++++++++++++----
 README.md   |  1 +
 2 files changed, 51 insertions(+), 4 deletions(-)

diff --git a/Guidance.md b/Guidance.md
index be98c0f..0ffe556 100644
--- a/Guidance.md
+++ b/Guidance.md
@@ -59,11 +59,12 @@ designer.destroy();
 designer.getView();
 ```
 
-
 ### `drawBackgroupWithImage`
   Draw a image on a canvas as background.
 
-draw `DataUrl` :
+1、draw `DataUrl` :
+
+recommended to replace by`#4`(`draw image-path`) 
 ```javascript
 var dataurl = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIr
 GAAAADFBMVEVYWFhVVVUAAABUVFTqqlXjAAAAA3RSTlMxdACUjPeLAAAATElEQVR42u3SQQrAMAwDQSn
@@ -72,20 +73,27 @@ EgqPcT12VgAAAABJRU5ErkJggg=="
 designer.drawBackgroupWithImage(dataurl);
 ```
 
-draw `Image` :
+2、draw `Image` :
 ```javascript
 var image=new Image()
 image.src="imagePath";
 designer.drawBackgroupWithImage(image);
 ```
 
-draw `File` :
+3、draw `File` :
 ```javascript
 var file=new File()
 // do something
 designer.drawBackgroupWithImage(file);
 ```
 
+4、draw `image-path`：
+
+Usually, you need to add "../../" in front of the relative directory to roll back to the root directory where the 'crysyan' project  is located
+```javascript
+designer.drawBackgroupWithImage("../../img/a.png");
+```
+
 ### `toDataUrl`
 Get data-URL of your drawings!
 
@@ -109,6 +117,41 @@ $("#download-png").click(function () {
 });
 ```
 
+### `getCanvasRecorder`
+Get `RecordRTC` of your drawings,which used to record canvas to video(video/webm).Does not supported in IE browser.
+
+API of RecordRTC,see:[RecordRTC API Reference](http://recordrtc.org/RecordRTC.html)
+
+`example:`
+
+`html`:
+```html
+<button type="button" id="start-record">start-record</button>
+<button  id="stop-record">stop-record</button>
+<div id="videoTag" style="width:1000px; height:500px;">ddd</div>
+```
+`javascript`
+```javascript
+var recorder = designer.getCanvasRecorder();
+$("#start-record").click(function () {
+       console.log("recording");
+       recorder.initRecorder();
+       recorder.startRecording();
+});
+$("#stop-record").click(function () {
+    console.log("stop");
+    recorder.stopRecording(function() {
+        var blob = recorder.getBlob();
+        var video = document.createElement('video');
+        video.src = URL.createObjectURL(blob);
+        video.setAttribute('style', 'height: 100%; position: absolute; top:0; left:0;z-index:9999;width:100%;');
+        document.body.appendChild(video);
+        video.controls = true;
+        video.play();
+    });
+});
+```
+
 ### `iframe`
 You can access designer iframe as following:
 
@@ -134,6 +177,7 @@ The configuration of the entire project.
 var designer=CrysyanDesigner({
     ifrName:"",
     projectPath:"",
+    isRecord:false,
     canvas: {
         // px
         width: 900,
@@ -163,6 +207,8 @@ You do not need to set this value if it is not necessary.
 Normally, the default value is OK
 ### `projectPath`
 Path of  crysyan project.
+### `isRecord`
+Whether to open the recording feature.Default:`false`.
 ### `canvas`
 * `width`  
 
diff --git a/README.md b/README.md
index 908169c..5e28281 100644
--- a/README.md
+++ b/README.md
@@ -235,6 +235,7 @@ $("#download-png").click(function () {
 
 ### `getCanvasRecorder`
 Get `RecordRTC` of your drawings,which used to record canvas to video(video/webm).Does not supported in IE browser.
+First，you should set `isRecord=true` if you want to record. 
 
 API of RecordRTC,see:[RecordRTC API Reference](http://recordrtc.org/RecordRTC.html)