sbd-npm 1.3.27 → 1.3.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/util.js +45 -49
package/package.json
CHANGED
package/util.js
CHANGED
@@ -83,7 +83,15 @@ const Util = {
|
|
83
83
|
window.open(Util.array_rand(url_arr), "_blank");
|
84
84
|
}
|
85
85
|
});
|
86
|
-
$("#save_page_content").click(
|
86
|
+
$("#save_page_content").click(function() {
|
87
|
+
let element;
|
88
|
+
if (document.getElementsByClassName("save_page_div").length > 0) {
|
89
|
+
element = document.getElementsByClassName("save_page_div")[0];
|
90
|
+
} else {
|
91
|
+
element = document.getElementById('page_content');
|
92
|
+
}
|
93
|
+
Util.save_page_content_image(element);
|
94
|
+
});
|
87
95
|
|
88
96
|
$('#stock').keyup(function () {
|
89
97
|
let st_obj = $("#search-tips");
|
@@ -186,55 +194,43 @@ const Util = {
|
|
186
194
|
/**
|
187
195
|
* 当前页面内容保存为图片
|
188
196
|
* [html2canvas](https://html2canvas.hertzen.com)
|
197
|
+
* @param element 要截取的HTML元素(document.getElementById)
|
189
198
|
*/
|
190
|
-
save_page_content_image: function() {
|
191
|
-
if (!Util.is_load) {
|
192
|
-
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
//
|
208
|
-
let
|
209
|
-
canvas.
|
210
|
-
|
211
|
-
|
212
|
-
|
213
|
-
|
214
|
-
|
215
|
-
|
216
|
-
|
217
|
-
|
218
|
-
|
219
|
-
|
220
|
-
|
221
|
-
|
222
|
-
|
223
|
-
|
224
|
-
|
225
|
-
let img = new Image();
|
226
|
-
// 设置图像的源为canvas中的内容
|
227
|
-
img.src = canvas.toDataURL("image/png");
|
228
|
-
// 创建一个下载链接并模拟点击
|
229
|
-
let link = document.createElement("a");
|
230
|
-
link.download = "stock_big_data_" + Util.now() + ".png";
|
231
|
-
link.href = img.src;
|
232
|
-
link.click();
|
233
|
-
|
234
|
-
Util.is_load = false;
|
235
|
-
Util.hide_tips();
|
236
|
-
});
|
237
|
-
}
|
199
|
+
save_page_content_image: function(element) {
|
200
|
+
if (!Util.is_load && element) {
|
201
|
+
Util.is_load = true;
|
202
|
+
Util.show_tips("正在生成中", 0, "alert-danger");
|
203
|
+
Util.show_loading();
|
204
|
+
// 创建canvas元素
|
205
|
+
let canvas = document.createElement("canvas");
|
206
|
+
canvas.width = element.offsetWidth;
|
207
|
+
canvas.height = element.offsetHeight;
|
208
|
+
// 将html元素渲染到canvas上
|
209
|
+
html2canvas(element).then((canvas) => {
|
210
|
+
// 获取Canvas上下文对象
|
211
|
+
//let ctx = canvas.getContext('2d');
|
212
|
+
// 添加水印
|
213
|
+
//ctx.font = '30px Arial';
|
214
|
+
//ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
|
215
|
+
//let text = 'Stock Big Data';
|
216
|
+
//let textSize = ctx.measureText(text);
|
217
|
+
//let centerX = (canvas.width - textSize.width) / 2;
|
218
|
+
//let centerY = canvas.height / 2;
|
219
|
+
//ctx.fillText(text, centerX, centerY);
|
220
|
+
|
221
|
+
// 创建一个新的图像对象
|
222
|
+
let img = new Image();
|
223
|
+
// 设置图像的源为canvas中的内容
|
224
|
+
img.src = canvas.toDataURL("image/png");
|
225
|
+
// 创建一个下载链接并模拟点击
|
226
|
+
let link = document.createElement("a");
|
227
|
+
link.download = "stock_big_data_" + Util.now() + ".png";
|
228
|
+
link.href = img.src;
|
229
|
+
link.click();
|
230
|
+
|
231
|
+
Util.is_load = false;
|
232
|
+
Util.hide_tips();
|
233
|
+
});
|
238
234
|
}
|
239
235
|
},
|
240
236
|
|