update demo and code format

hizzgdev · Sep 29, 2023 · 8617129 · 8617129
1 parent c092df4
commit 8617129
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 17 deletions.
diff --git a/.config/rollup.config.js b/.config/rollup.config.js
@@ -53,7 +53,7 @@ export default [
             banner: '/**\n* @license BSD-3-Clause\n* @copyright 2014-2023 hizzgdev@163.com\n*\n* Project Home:\n*   https://github.com/hizzgdev/jsmind/\n*/',
             sourcemap: true,
             globals: {
-                jsmind: 'jsMind',
+                'jsmind': 'jsMind',
                 'dom-to-image': 'domtoimage',
             },
         },

diff --git a/example/2_features.html b/example/2_features.html
@@ -195,6 +195,10 @@
             type="text/javascript"
             src="//cdn.jsdelivr.net/npm/jsmind/es6/jsmind.draggable-node.js"
         ></script>
+        <script
+            type="text/javascript"
+            src="//cdn.jsdelivr.net/npm/dom-to-image@2.6.0/dist/dom-to-image.min.js"
+        ></script>
         <script
             type="text/javascript"
             src="//cdn.jsdelivr.net/npm/jsmind/es6/jsmind.screenshot.js"

diff --git a/example/2_features.js b/example/2_features.js
@@ -88,7 +88,7 @@ function open_ajax() {
 }
 
 function screen_shot() {
-    _jm.screenshot.shootDownload();
+    _jm.shoot();
 }
 
 function show_data() {

diff --git a/example/2_features_cn.html b/example/2_features_cn.html
@@ -202,6 +202,10 @@
             type="text/javascript"
             src="//jsd.onmicrosoft.cn/npm/jsmind/es6/jsmind.draggable-node.js"
         ></script>
+        <script
+            type="text/javascript"
+            src="//jsd.onmicrosoft.cn/npm/dom-to-image@2.6.0/dist/dom-to-image.min.js"
+        ></script>
         <script
             type="text/javascript"
             src="//jsd.onmicrosoft.cn/npm/jsmind/es6/jsmind.screenshot.js"

diff --git a/src/plugins/jsmind.screenshot.js b/src/plugins/jsmind.screenshot.js
@@ -24,7 +24,7 @@ const DEFAULT_OPTIONS = {
     watermark: {
         left: $.w.location,
         right: 'https://github.com/hizzgdev/jsmind',
-    }
+    },
 };
 
 class JmScreenshot {
@@ -38,10 +38,6 @@ class JmScreenshot {
         this.options = opts;
     }
 
-    shootDownload() {
-        this.shoot();
-    }
-
     shoot() {
         let c = this.create_canvas();
         let ctx = c.getContext('2d');
@@ -50,8 +46,7 @@ class JmScreenshot {
             .then(() => this.draw_nodes(ctx))
             .then(() => this.draw_watermark(c, ctx))
             .then(() => this.download(c))
-            .then(() => this.clear(c))
-
+            .then(() => this.clear(c));
     }
 
     create_canvas() {
@@ -67,17 +62,23 @@ class JmScreenshot {
     }
 
     draw_lines(ctx) {
-        return new Promise(function (resolve, _) {
-            this.jm.view.graph.copy_to(ctx, function () {
-                resolve(ctx);
-            })
-        }.bind(this));
+        return new Promise(
+            function (resolve, _) {
+                this.jm.view.graph.copy_to(ctx, function () {
+                    resolve(ctx);
+                });
+            }.bind(this)
+        );
     }
 
     draw_nodes(ctx) {
-        return domtoimage.toSvg(this.jm.view.e_nodes)
+        return domtoimage
+            .toSvg(this.jm.view.e_nodes)
             .then(this.load_image)
-            .then(function (img) { ctx.drawImage(img, 0, 0); return ctx });
+            .then(function (img) {
+                ctx.drawImage(img, 0, 0);
+                return ctx;
+            });
     }
 
     draw_watermark(c, ctx) {
@@ -92,7 +93,7 @@ class JmScreenshot {
             ctx.textAlign = 'right';
             ctx.fillText(this.options.watermark.right, c.width - 5.5, c.height - 2.5);
         }
-        return ctx
+        return ctx;
     }
 
     load_image(url) {