@shijiu/jsview-vue 0.9.246 → 0.9.254

package/utils/JsViewVueWidget/BrowserDebugWidget/JsvApic/BrowserApic.vue

@@ -1,124 +1,124 @@
-<!--
- * @Author: ChenChanghua
- * @Date: 2021-10-13 13:14:49
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-10-13 17:13:24
- * @Description: file content
--->
-<script>
-import Viewer from "./Viewer";
-import WebpData from "./WebpData";
-import GifData from "./GifData";
-import { LoopType } from "./LoopToolBase";
-
-const loadImage = (url) => {
-  return new Promise((resolve, reject) => {
-    let xhr = new XMLHttpRequest();
-    xhr.open("GET", url);
-    xhr.responseType = "arraybuffer";
-    xhr.onreadystatechange = () => {
-      if (xhr.readyState === 4 && xhr.status === 200) {
-        if (xhr.status == 200) {
-          let apic_data;
-          if (url.indexOf(".webp") > 0) {
-            apic_data = new WebpData(xhr.response);
-            resolve(apic_data);
-          } else if (url.indexOf(".gif") > 0) {
-            apic_data = new GifData(xhr.response);
-            resolve(apic_data);
-          } else {
-            reject("unsupport file " + url);
-          }
-        } else {
-          reject("get image data failed. " + url + " " + xhr.status);
-        }
-      }
-    };
-    xhr.send();
-  });
-};
-
-const getUrl = (base_url) => {
-  let url_trim = base_url.trim();
-  if (url_trim.indexOf("http") === 0) {
-    return url_trim;
-  } else if (url_trim.indexOf("url") === 0) {
-    let index_1 = url_trim.indexOf("(");
-    let index_2 = url_trim.indexOf(")");
-    return url_trim.substring(index_1 + 1, index_2);
-  } else {
-    return url_trim;
-  }
-};
-
-let TOKEN = 0;
-
-export default {
-  props: {
-    src: String,
-    style: Object,
-    autoPlay: {
-      type: Boolean,
-      default: true,
-    },
-    loopType: {
-      type: Number,
-      default: LoopType.LOOP_DEFAULT,
-    },
-    loopInfo: {
-      type: Array,
-      default: () => [[-1, -1, -1]],
-    },
-    onStart: Function,
-    onEnd: Function,
-    onLoad: Function,
-  },
-  setup() {
-    return {
-      viewId: -1,
-      viewer: null,
-      canvasId: "JsvApic" + TOKEN++,
-    };
-  },
-  methods: {
-    play() {
-      this.viewer?.play();
-    },
-    stop() {
-      this.viewer?.stop();
-    },
-  },
-  mounted() {
-    let canvas = window.originDocument.getElementById(this.canvasId);
-    if (canvas) {
-      loadImage(getUrl(this.src))
-        .then((data) => {
-          let listener = {
-            onstart: this.onStart,
-            onend: this.onEnd,
-          };
-          this.viewer = new Viewer(
-            data,
-            canvas,
-            listener,
-            this.autoPlay,
-            this.loopType,
-            this.loopInfo
-          );
-          if (this.onLoad) {
-            this.onLoad();
-          }
-        })
-        .catch((err) => console.error(err));
-    } else {
-      console.error("apic get canvas failed.");
-    }
-  },
-};
-
-export { LoopType };
-</script>
-
-<template>
-  <jsvcanvas :id="canvasId" :style="style" />
+<!--
+ * @Author: ChenChanghua
+ * @Date: 2021-10-13 13:14:49
+ * @LastEditors: ChenChanghua
+ * @LastEditTime: 2021-10-13 17:13:24
+ * @Description: file content
+-->
+<script>
+import Viewer from "./Viewer";
+import WebpData from "./WebpData";
+import GifData from "./GifData";
+import { LoopType } from "./LoopToolBase";
+
+const loadImage = (url) => {
+  return new Promise((resolve, reject) => {
+    let xhr = new XMLHttpRequest();
+    xhr.open("GET", url);
+    xhr.responseType = "arraybuffer";
+    xhr.onreadystatechange = () => {
+      if (xhr.readyState === 4 && xhr.status === 200) {
+        if (xhr.status == 200) {
+          let apic_data;
+          if (url.indexOf(".webp") > 0) {
+            apic_data = new WebpData(xhr.response);
+            resolve(apic_data);
+          } else if (url.indexOf(".gif") > 0) {
+            apic_data = new GifData(xhr.response);
+            resolve(apic_data);
+          } else {
+            reject("unsupport file " + url);
+          }
+        } else {
+          reject("get image data failed. " + url + " " + xhr.status);
+        }
+      }
+    };
+    xhr.send();
+  });
+};
+
+const getUrl = (base_url) => {
+  let url_trim = base_url.trim();
+  if (url_trim.indexOf("http") === 0) {
+    return url_trim;
+  } else if (url_trim.indexOf("url") === 0) {
+    let index_1 = url_trim.indexOf("(");
+    let index_2 = url_trim.indexOf(")");
+    return url_trim.substring(index_1 + 1, index_2);
+  } else {
+    return url_trim;
+  }
+};
+
+let TOKEN = 0;
+
+export default {
+  props: {
+    src: String,
+    style: Object,
+    autoPlay: {
+      type: Boolean,
+      default: true,
+    },
+    loopType: {
+      type: Number,
+      default: LoopType.LOOP_DEFAULT,
+    },
+    loopInfo: {
+      type: Array,
+      default: () => [[-1, -1, -1]],
+    },
+    onStart: Function,
+    onEnd: Function,
+    onLoad: Function,
+  },
+  setup() {
+    return {
+      viewId: -1,
+      viewer: null,
+      canvasId: "JsvApic" + TOKEN++,
+    };
+  },
+  methods: {
+    play() {
+      this.viewer?.play();
+    },
+    stop() {
+      this.viewer?.stop();
+    },
+  },
+  mounted() {
+    let canvas = window.originDocument.getElementById(this.canvasId);
+    if (canvas) {
+      loadImage(getUrl(this.src))
+        .then((data) => {
+          let listener = {
+            onstart: this.onStart,
+            onend: this.onEnd,
+          };
+          this.viewer = new Viewer(
+            data,
+            canvas,
+            listener,
+            this.autoPlay,
+            this.loopType,
+            this.loopInfo
+          );
+          if (this.onLoad) {
+            this.onLoad();
+          }
+        })
+        .catch((err) => console.error(err));
+    } else {
+      console.error("apic get canvas failed.");
+    }
+  },
+};
+
+export { LoopType };
+</script>
+
+<template>
+  <jsvcanvas :id="canvasId" :style="style" />
 </template>

package/utils/JsViewVueWidget/BrowserDebugWidget/JsvApic/GifData.js

@@ -1,83 +1,83 @@
-/*
- * @Author: ChenChanghua
- * @Date: 2021-10-13 14:00:52
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-10-13 14:10:42
- * @Description: file content
- */
-import ApicDataBase from "./ApicDataBase";
-
-class GifData extends ApicDataBase {
-  decode(array_buffer) {
-    const gif = window.ApicTools.parseGIF(array_buffer);
-    this._DecodedData = window.ApicTools.decompressFrames(gif, true);
-    this.LoopCount = 0;
-    this.FrameCount = this._DecodedData.length;
-    this.Width = this._DecodedData[0].dims.width;
-    this.Height = this._DecodedData[0].dims.height;
-
-    // 打patch
-    for (let i = 0; i < this._DecodedData.length; i++) {
-      let frame = this._DecodedData[i];
-      if (
-        frame["dims"]["width"] !== this.Width ||
-        frame["dims"]["height"] !== this.Height
-      ) {
-        // 打patch
-        let pre_frame_data = this._DecodedData[i - 1]["frameData"];
-        let left = frame["dims"]["left"];
-        let top = frame["dims"]["top"];
-        let width = frame["dims"]["width"];
-        let height = frame["dims"]["height"];
-        let patch_data = frame["patch"];
-        let image_data = new Uint8ClampedArray(this.Width * this.Height * 4);
-        for (let x = 0; x < this.Width; x++) {
-          for (let y = 0; y < this.Height; y++) {
-            let patch_x = x - left;
-            let patch_y = y - top;
-            let pixel_index = y * this.Width + x;
-            let patch_pixel_index = patch_y * width + patch_x;
-            if (
-              x >= left &&
-              x < left + width &&
-              y >= top &&
-              y < top + height &&
-              patch_data[patch_pixel_index * 4 + 3] > 0
-            ) {
-              image_data[pixel_index * 4] = patch_data[patch_pixel_index * 4];
-              image_data[pixel_index * 4 + 1] =
-                patch_data[patch_pixel_index * 4 + 1];
-              image_data[pixel_index * 4 + 2] =
-                patch_data[patch_pixel_index * 4 + 2];
-              image_data[pixel_index * 4 + 3] =
-                patch_data[patch_pixel_index * 4 + 3];
-            } else {
-              image_data[pixel_index * 4] = pre_frame_data[pixel_index * 4];
-              image_data[pixel_index * 4 + 1] =
-                pre_frame_data[pixel_index * 4 + 1];
-              image_data[pixel_index * 4 + 2] =
-                pre_frame_data[pixel_index * 4 + 2];
-              image_data[pixel_index * 4 + 3] =
-                pre_frame_data[pixel_index * 4 + 3];
-            }
-          }
-        }
-        frame["frameData"] = image_data;
-      } else {
-        frame["frameData"] = frame["patch"];
-      }
-    }
-  }
-
-  toImage(frame_index, canvas, canvas_ctx) {
-    canvas.width = this.Width;
-    canvas.height = this.Height;
-    let frame = this._DecodedData[frame_index];
-    let image_data = canvas_ctx.createImageData(this.Width, this.Height);
-    image_data.data.set(frame["frameData"]);
-    canvas_ctx.putImageData(image_data, 0, 0);
-    return frame["delay"];
-  }
-}
-
-export default GifData;
+/*
+ * @Author: ChenChanghua
+ * @Date: 2021-10-13 14:00:52
+ * @LastEditors: ChenChanghua
+ * @LastEditTime: 2021-10-13 14:10:42
+ * @Description: file content
+ */
+import ApicDataBase from "./ApicDataBase";
+
+class GifData extends ApicDataBase {
+  decode(array_buffer) {
+    const gif = window.ApicTools.parseGIF(array_buffer);
+    this._DecodedData = window.ApicTools.decompressFrames(gif, true);
+    this.LoopCount = 0;
+    this.FrameCount = this._DecodedData.length;
+    this.Width = this._DecodedData[0].dims.width;
+    this.Height = this._DecodedData[0].dims.height;
+
+    // 打patch
+    for (let i = 0; i < this._DecodedData.length; i++) {
+      let frame = this._DecodedData[i];
+      if (
+        frame["dims"]["width"] !== this.Width ||
+        frame["dims"]["height"] !== this.Height
+      ) {
+        // 打patch
+        let pre_frame_data = this._DecodedData[i - 1]["frameData"];
+        let left = frame["dims"]["left"];
+        let top = frame["dims"]["top"];
+        let width = frame["dims"]["width"];
+        let height = frame["dims"]["height"];
+        let patch_data = frame["patch"];
+        let image_data = new Uint8ClampedArray(this.Width * this.Height * 4);
+        for (let x = 0; x < this.Width; x++) {
+          for (let y = 0; y < this.Height; y++) {
+            let patch_x = x - left;
+            let patch_y = y - top;
+            let pixel_index = y * this.Width + x;
+            let patch_pixel_index = patch_y * width + patch_x;
+            if (
+              x >= left &&
+              x < left + width &&
+              y >= top &&
+              y < top + height &&
+              patch_data[patch_pixel_index * 4 + 3] > 0
+            ) {
+              image_data[pixel_index * 4] = patch_data[patch_pixel_index * 4];
+              image_data[pixel_index * 4 + 1] =
+                patch_data[patch_pixel_index * 4 + 1];
+              image_data[pixel_index * 4 + 2] =
+                patch_data[patch_pixel_index * 4 + 2];
+              image_data[pixel_index * 4 + 3] =
+                patch_data[patch_pixel_index * 4 + 3];
+            } else {
+              image_data[pixel_index * 4] = pre_frame_data[pixel_index * 4];
+              image_data[pixel_index * 4 + 1] =
+                pre_frame_data[pixel_index * 4 + 1];
+              image_data[pixel_index * 4 + 2] =
+                pre_frame_data[pixel_index * 4 + 2];
+              image_data[pixel_index * 4 + 3] =
+                pre_frame_data[pixel_index * 4 + 3];
+            }
+          }
+        }
+        frame["frameData"] = image_data;
+      } else {
+        frame["frameData"] = frame["patch"];
+      }
+    }
+  }
+
+  toImage(frame_index, canvas, canvas_ctx) {
+    canvas.width = this.Width;
+    canvas.height = this.Height;
+    let frame = this._DecodedData[frame_index];
+    let image_data = canvas_ctx.createImageData(this.Width, this.Height);
+    image_data.data.set(frame["frameData"]);
+    canvas_ctx.putImageData(image_data, 0, 0);
+    return frame["delay"];
+  }
+}
+
+export default GifData;

package/utils/JsViewVueWidget/BrowserDebugWidget/JsvApic/LoopToolBase.js

@@ -1,25 +1,25 @@
-/*
- * @Author: ChenChanghua
- * @Date: 2021-10-13 14:01:14
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-10-13 15:20:48
- * @Description: file content
- */
-
-class LoopToolBase {
-  getNextIndex() {
-    return -1;
-  }
-  reset() {}
-}
-
-const LoopType = {
-  LOOP_DEFAULT: 0,
-  LOOP_INFINITE: 1,
-  LOOP_FINITE: 2,
-  LOOP_PART: 3,
-};
-
-export default LoopToolBase;
-
-export { LoopType };
+/*
+ * @Author: ChenChanghua
+ * @Date: 2021-10-13 14:01:14
+ * @LastEditors: ChenChanghua
+ * @LastEditTime: 2021-10-13 15:20:48
+ * @Description: file content
+ */
+
+class LoopToolBase {
+  getNextIndex() {
+    return -1;
+  }
+  reset() {}
+}
+
+const LoopType = {
+  LOOP_DEFAULT: 0,
+  LOOP_INFINITE: 1,
+  LOOP_FINITE: 2,
+  LOOP_PART: 3,
+};
+
+export default LoopToolBase;
+
+export { LoopType };

package/utils/JsViewVueWidget/BrowserDebugWidget/JsvApic/NormalLoopTool.js

@@ -1,61 +1,61 @@
-/*
- * @Author: ChenChanghua
- * @Date: 2021-10-13 14:01:28
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-10-13 14:13:17
- * @Description: file content
- */
-import LoopToolBase, { LoopType } from "./LoopToolBase";
-
-class NormalLoopTool extends LoopToolBase {
-  constructor(loop_type, loop_num, frame_num) {
-    super();
-    this.mLoopType = loop_type;
-    this.mLoopNum = loop_num;
-    this.mFrameNum = frame_num;
-    this.mLoopCount = 0;
-    this.mFrameIndex = 0;
-  }
-
-  getNextIndex() {
-    let next_index = -1;
-    switch (this.mLoopType) {
-      case LoopType.LOOP_DEFAULT:
-        if (this.mLoopNum <= 0) {
-          //默认无限循环
-          next_index = (this.mFrameIndex + 1) % this.mFrameNum;
-        } else {
-          if (this.mFrameIndex == this.mFrameNum - 1) {
-            this.mLoopCount++;
-          }
-          next_index =
-            this.mLoopCount >= this.mLoopNum
-              ? -1
-              : (this.mFrameIndex + 1) % this.mFrameNum;
-        }
-        break;
-      case LoopType.LOOP_INFINITE:
-        next_index = (this.mFrameIndex + 1) % this.mFrameNum;
-        break;
-      case LoopType.LOOP_FINITE:
-        if (this.mFrameIndex == this.mFrameNum - 1) {
-          this.mLoopCount++;
-        }
-        next_index =
-          this.mLoopCount >= this.mLoopNum
-            ? -1
-            : (this.mFrameIndex + 1) % this.mFrameNum;
-        break;
-      default:
-    }
-    this.mFrameIndex = next_index;
-    return next_index;
-  }
-
-  reset() {
-    this.mFrameIndex = 0;
-    this.mLoopCount = 0;
-  }
-}
-
-export default NormalLoopTool;
+/*
+ * @Author: ChenChanghua
+ * @Date: 2021-10-13 14:01:28
+ * @LastEditors: ChenChanghua
+ * @LastEditTime: 2021-10-13 14:13:17
+ * @Description: file content
+ */
+import LoopToolBase, { LoopType } from "./LoopToolBase";
+
+class NormalLoopTool extends LoopToolBase {
+  constructor(loop_type, loop_num, frame_num) {
+    super();
+    this.mLoopType = loop_type;
+    this.mLoopNum = loop_num;
+    this.mFrameNum = frame_num;
+    this.mLoopCount = 0;
+    this.mFrameIndex = 0;
+  }
+
+  getNextIndex() {
+    let next_index = -1;
+    switch (this.mLoopType) {
+      case LoopType.LOOP_DEFAULT:
+        if (this.mLoopNum <= 0) {
+          //默认无限循环
+          next_index = (this.mFrameIndex + 1) % this.mFrameNum;
+        } else {
+          if (this.mFrameIndex == this.mFrameNum - 1) {
+            this.mLoopCount++;
+          }
+          next_index =
+            this.mLoopCount >= this.mLoopNum
+              ? -1
+              : (this.mFrameIndex + 1) % this.mFrameNum;
+        }
+        break;
+      case LoopType.LOOP_INFINITE:
+        next_index = (this.mFrameIndex + 1) % this.mFrameNum;
+        break;
+      case LoopType.LOOP_FINITE:
+        if (this.mFrameIndex == this.mFrameNum - 1) {
+          this.mLoopCount++;
+        }
+        next_index =
+          this.mLoopCount >= this.mLoopNum
+            ? -1
+            : (this.mFrameIndex + 1) % this.mFrameNum;
+        break;
+      default:
+    }
+    this.mFrameIndex = next_index;
+    return next_index;
+  }
+
+  reset() {
+    this.mFrameIndex = 0;
+    this.mLoopCount = 0;
+  }
+}
+
+export default NormalLoopTool;