version update

Author: dabeng

README.md

@@ -66,17 +66,14 @@ Note: when users use ajaxURL option to build orghchart, they must use json datas
 
 Here, we need the help from [html2canvas](https://github.com/niklasvh/html2canvas).
 
-Besides, if you wanna export a pdf format, you need to introduce jspdf as shown bellow:
-```html
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.debug.js"></script>
-```
-
 **Note:**
 
 (1) if you wanna export something in IE or Edge, please introduce [es6-promise.auto.js](https://github.com/stefanpenner/es6-promise) firstly.
 
 (2) if your OS is windows, please check your display scaling settings. For the perfact exported picture, you'd better adjust "Change the size of text, apps, and other items" to 100%.(thanks for [sayamkrai](https://github.com/sayamkrai)'s [exploration](https://github.com/dabeng/OrgChart/issues/152))
 
+(3) Besides, if you wanna export a pdf format or your orgchart includes picture, you have to introduce [jspdf](https://github.com/MrRio/jsPDF) and set "exportFileextension" option to "pdf".
+
 - [I wanna itegrate organization chart with geographic information](https://rawgit.com/dabeng/OrgChart/master/demo/integrate-map.html)
 
 Here, we fall back on [OpenLayers](https://github.com/openlayers/ol3). It's the most aewsome open-source js library for Web GIS you sholdn't miss.

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "orgchart",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "homepage": "https://github.com/dabeng/OrgChart",
   "authors": [
     "dabeng <[email protected]>"

demo/export-chart.html

@@ -18,7 +18,7 @@
   <!-- the following reference is specific for IE -->
   <script type="text/javascript" src="https://cdn.rawgit.com/stefanpenner/es6-promise/master/dist/es6-promise.auto.min.js"></script>
   <script type="text/javascript" src="js/html2canvas.min.js"></script>
-  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.debug.js"></script>
+  <script type="text/javascript" src="js/jspdf.min.js"></script>
   <script type="text/javascript" src="js/jquery.orgchart.min.js"></script>
   <script type="text/javascript">
     $(function() {

demo/js/jspdf.min.js

@@ -42,7 +42,6 @@
   <div id="chart-container"></div>
 
   <script type="text/javascript" src="js/jquery.min.js"></script>
-  <script type="text/javascript" src="js/html2canvas.min.js"></script>
   <script type="text/javascript" src="js/jquery.orgchart.min.js"></script>
   <script type="text/javascript">
     $(function() {

demo/option-createNode.html

@@ -91,7 +91,8 @@ gulp.task('vendorAssets', function() {
   var vendorJS = gulp.src([
       'node_modules/jquery/dist/jquery.min.js',
       'node_modules/jquery-mockjax/dist/jquery.mockjax.min.js',
-      'node_modules/html2canvas/dist/html2canvas.min.js'
+      'node_modules/html2canvas/dist/html2canvas.min.js',
+      'node_modules/jspdf/dist/jspdf.min.js'
     ])
     .pipe(gulp.dest(paths.demoJSFolder));
 

gulpfile.js

@@ -1,6 +1,6 @@
 {
   "name": "orgchart",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "Simple and direct organization chart(tree-like hierarchy) plugin based on pure DOM and jQuery.",
   "main": "./dist/js/jquery.orgchart.js",
   "style": [
@@ -32,10 +32,11 @@
   },
   "homepage": "https://github.com/dabeng/OrgChart#readme",
   "dependencies": {
-    "jquery": "~3.2.1",
     "font-awesome": "^4.6.3",
+    "html2canvas": "^0.5.0-beta4",
+    "jquery": "~3.2.1",
     "jquery-mockjax": "^2.2.0",
-    "html2canvas": "^0.5.0-beta4"
+    "jspdf": "^1.3.5"
   },
   "devDependencies": {
     "browser-sync": "^2.18.13",