sbd-npm 1.3.12 → 1.3.13

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "sbd-npm",
-    "version": "1.3.12",
+    "version": "1.3.13",
     "description": "Stock Big Data",
     "main": "index.js",
     "scripts": {

package/util.js

@@ -82,6 +82,7 @@ const Util = {
                 window.open(Util.array_rand(url_arr), "_blank");
             }
         });
+        $("#save_page_content").click(Util.save_page_content_image);
 
         $('#stock').keyup(function () {
             let st_obj = $("#search-tips");
@@ -181,6 +182,48 @@ const Util = {
         return url;
     },
 
+    /**
+     * 当前页面内容保存为图片
+     */
+    save_page_content_image: function() {
+        if (!Util.is_load) {
+            Util.is_load = true;
+            Util.show_loading();
+            // 获取要截取的HTML元素
+            let element = document.getElementById('page_content');
+            // 创建canvas元素
+            let canvas = document.createElement("canvas");
+            canvas.width = element.offsetWidth;
+            canvas.height = element.offsetHeight;
+            // 将html元素渲染到canvas上
+            html2canvas(element).then((canvas) => {
+                // 获取Canvas上下文对象
+                //let ctx = canvas.getContext('2d');
+                // 添加水印
+                //ctx.font = '30px Arial';
+                //ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
+                //let text = 'Stock Big Data';
+                //let textSize = ctx.measureText(text);
+                //let centerX = (canvas.width - textSize.width) / 2;
+                //let centerY = canvas.height / 2;
+                //ctx.fillText(text, centerX, centerY);
+
+                // 创建一个新的图像对象
+                let img = new Image();
+                // 设置图像的源为canvas中的内容
+                img.src = canvas.toDataURL("image/png");
+                // 创建一个下载链接并模拟点击
+                let link = document.createElement("a");
+                link.download = "sbd_page_content_" + Util.now() + ".png";
+                link.href = img.src;
+                link.click();
+
+                Util.is_load = false;
+                Util.hide_tips();
+            });
+        }
+    },
+
     /**
      * https://api.jquery.com/jquery.ajax/
      * $.ajax 方法参数:
@@ -1106,8 +1149,7 @@ const Util = {
         Util.init_modal_skeleton(component_id, modal_content_html);
         let component_obj = $('#' + component_id);
         component_obj.on('shown.bs.modal', function (e) {
-            let obj = e.relatedTarget;
-            let fund_code = $(obj).attr("data-val");
+            let fund_code = $(e.relatedTarget).attr("data-val");
             Util.fetch_public_fund_detail(fund_code, component_id);
         });
         component_obj.on('hidden.bs.modal', function () {
@@ -1344,8 +1386,7 @@ const Util = {
         });
         let component_obj = $('#' + component_id);
         component_obj.on('shown.bs.modal', function (e) {   // 此事件在模态框已经显示出来触发
-            let obj = e.relatedTarget;
-            let currency = $(obj).attr("data-code");
+            let currency = $(e.relatedTarget).attr("data-code");
             Util.set_table_loading(component_id + "_body_body");
             if ($("#currency_modal_start_date").length <= 0) {
                 Util.init_range_date("currency_modal_start_end_date", Util, "render_currency_modal", 60);
@@ -1437,8 +1478,7 @@ const Util = {
         });
         let component_obj = $('#' + component_id);
         component_obj.on('shown.bs.modal', function (e) {   // 此事件在模态框已经显示出来触发
-            let obj = e.relatedTarget;
-            let coin = $(obj).attr("data-coin");
+            let coin = $(e.relatedTarget).attr("data-coin");
             Util.set_table_loading(component_id + "_body_body");
             if ($("#" + component_id + "_start_date").length <= 0) {
                 Util.init_range_date(component_id + "_start_end_date", Util, "render_btc_modal", 60);
@@ -2666,9 +2706,7 @@ const Util = {
      * @returns {string}
      */
     digit_compare_trend: function (digit, previous_digit) {
-        let cls = "";
-        let trend_ratio = "(0)";
-        let ratio_val = 0;
+        let cls = "", trend_ratio = "(0)", ratio_val = 0;
         if (digit > 0 && previous_digit > 0) {
             if (digit > previous_digit) {
                 cls = "text-danger";