vislite 0.5.2 → 0.6.0-alpha.0

package/src/viewHandler.ts

@@ -1,159 +1,159 @@
-import type { callbackFun } from '../types/viewHandler'
-
-let mousePosition = (el: HTMLElement, event: any) => {
-    let bounding = el.getBoundingClientRect()
-    return {
-        "x": event.clientX - bounding.left,
-        "y": event.clientY - bounding.top
-    }
-}
-
-let getKeyString = (event: any) => {
-    return {
-        37: "left",
-        38: "up",
-        39: "right",
-        40: "down",
-    }[event.keyCode || event.which]
-}
-
-export default function (callback: callbackFun) {
-
-    let el = document.getElementsByTagName('body')[0]
-
-    // 键盘控制
-    el.addEventListener("keydown", function (event) {
-        let keyCode = getKeyString(event)
-
-        // 视角向上
-        if (keyCode == 'up') {
-            callback({
-                type: "lookUp",
-                normal: [],
-                value: 0.1,
-                event
-            })
-        }
-
-        // 视角向下
-        else if (keyCode == 'down') {
-            callback({
-                type: "lookDown",
-                normal: [],
-                value: 0.1,
-                event
-            })
-        }
-
-        // 视角向左
-        else if (keyCode == 'left') {
-            callback({
-                type: "lookLeft",
-                normal: [],
-                value: 0.1,
-                event
-            })
-        }
-
-        // 视角向右
-        else if (keyCode == 'right') {
-            callback({
-                type: "lookRight",
-                normal: [],
-                value: 0.1,
-                event
-            })
-        }
-
-    })
-
-    // 鼠标控制
-    let mouseP = null;
-    let doMove = function (event) {
-
-        // 单纯移动
-        if (mouseP == null) {
-            callback({
-                type: "hover",
-                normal: [],
-                value: 0,
-                event
-            })
-        }
-
-        // 按下移动
-        else {
-
-            let tempMouseP = mousePosition(el, event)
-
-            // 先求解出轨迹向量
-            let normal = [tempMouseP.x - mouseP.x, tempMouseP.y - mouseP.y]
-
-            // 方向向量旋转90deg得到旋转向量
-            let rotateNormal = [
-                normal[1],
-                normal[0],
-                0
-            ]
-
-            // 非法射线忽略
-            if (rotateNormal[0] == 0 && rotateNormal[1] == 0) return
-
-            callback({
-                type: "rotate",
-                normal: rotateNormal,
-                value: (Math.abs(tempMouseP.x - mouseP.x) + Math.abs(tempMouseP.y - mouseP.y)) * 0.01,
-                event
-            })
-
-            mouseP = tempMouseP
-        }
-    }
-
-    el.addEventListener("mousedown", (event) => {
-        mouseP = mousePosition(el, event)
-    })
-    el.addEventListener("mouseup", (event) => {
-        mouseP = null
-    })
-    el.addEventListener("mousemove", (event) => {
-        doMove(event)
-    })
-
-    // 手指控制
-    el.addEventListener("touchend", (event) => {
-        mouseP = null;
-    })
-    el.addEventListener("touchstart", (event) => {
-        mouseP = mousePosition(el, event)
-    })
-    el.addEventListener("touchmove", (event) => {
-        doMove(event.touches[0])
-    })
-
-    let doScale = function (value: number, event: Event) {
-        if (value == 0) return
-
-        let baseTimes = 0.899
-        callback({
-            type: "scale",
-            value: value < 0 ? baseTimes : 2 - baseTimes,
-            normal: [],
-            event
-        })
-    }
-
-    // 滚轮控制
-    el.addEventListener("mousewheel", function (event: any) {
-        doScale(event.wheelDelta, event)
-    })
-
-    if (window.addEventListener) {
-
-        // 针对火狐浏览器
-        window.addEventListener('DOMMouseScroll', function (event: any) {
-            doScale(-1 * event.detail, event)
-        }, false)
-    }
-
+import type { callbackFun } from '../types/viewHandler'
+
+let mousePosition = (el: HTMLElement, event: any) => {
+    let bounding = el.getBoundingClientRect()
+    return {
+        "x": event.clientX - bounding.left,
+        "y": event.clientY - bounding.top
+    }
+}
+
+let getKeyString = (event: any) => {
+    return {
+        37: "left",
+        38: "up",
+        39: "right",
+        40: "down",
+    }[event.keyCode || event.which]
+}
+
+export default function (callback: callbackFun) {
+
+    let el = document.getElementsByTagName('body')[0]
+
+    // 键盘控制
+    el.addEventListener("keydown", function (event) {
+        let keyCode = getKeyString(event)
+
+        // 视角向上
+        if (keyCode == 'up') {
+            callback({
+                type: "lookUp",
+                normal: [],
+                value: 0.1,
+                event
+            })
+        }
+
+        // 视角向下
+        else if (keyCode == 'down') {
+            callback({
+                type: "lookDown",
+                normal: [],
+                value: 0.1,
+                event
+            })
+        }
+
+        // 视角向左
+        else if (keyCode == 'left') {
+            callback({
+                type: "lookLeft",
+                normal: [],
+                value: 0.1,
+                event
+            })
+        }
+
+        // 视角向右
+        else if (keyCode == 'right') {
+            callback({
+                type: "lookRight",
+                normal: [],
+                value: 0.1,
+                event
+            })
+        }
+
+    })
+
+    // 鼠标控制
+    let mouseP = null;
+    let doMove = function (event) {
+
+        // 单纯移动
+        if (mouseP == null) {
+            callback({
+                type: "hover",
+                normal: [],
+                value: 0,
+                event
+            })
+        }
+
+        // 按下移动
+        else {
+
+            let tempMouseP = mousePosition(el, event)
+
+            // 先求解出轨迹向量
+            let normal = [tempMouseP.x - mouseP.x, tempMouseP.y - mouseP.y]
+
+            // 方向向量旋转90deg得到旋转向量
+            let rotateNormal = [
+                normal[1],
+                normal[0],
+                0
+            ]
+
+            // 非法射线忽略
+            if (rotateNormal[0] == 0 && rotateNormal[1] == 0) return
+
+            callback({
+                type: "rotate",
+                normal: rotateNormal,
+                value: (Math.abs(tempMouseP.x - mouseP.x) + Math.abs(tempMouseP.y - mouseP.y)) * 0.01,
+                event
+            })
+
+            mouseP = tempMouseP
+        }
+    }
+
+    el.addEventListener("mousedown", (event) => {
+        mouseP = mousePosition(el, event)
+    })
+    el.addEventListener("mouseup", (event) => {
+        mouseP = null
+    })
+    el.addEventListener("mousemove", (event) => {
+        doMove(event)
+    })
+
+    // 手指控制
+    el.addEventListener("touchend", (event) => {
+        mouseP = null;
+    })
+    el.addEventListener("touchstart", (event) => {
+        mouseP = mousePosition(el, event)
+    })
+    el.addEventListener("touchmove", (event) => {
+        doMove(event.touches[0])
+    })
+
+    let doScale = function (value: number, event: Event) {
+        if (value == 0) return
+
+        let baseTimes = 0.899
+        callback({
+            type: "scale",
+            value: value < 0 ? baseTimes : 2 - baseTimes,
+            normal: [],
+            event
+        })
+    }
+
+    // 滚轮控制
+    el.addEventListener("mousewheel", function (event: any) {
+        doScale(event.wheelDelta, event)
+    })
+
+    if (window.addEventListener) {
+
+        // 针对火狐浏览器
+        window.addEventListener('DOMMouseScroll', function (event: any) {
+            doScale(-1 * event.detail, event)
+        }, false)
+    }
+
 }

package/types/Buffer.d.ts

@@ -1,24 +1,24 @@
-export default interface BufferType {
-
-    /**
-     * 使用这个缓冲区对象
-     * （先于写入和分配）
-     */
-    use(): this
-
-    /**
-     * 写入数据
-     * @param data 具体的数据内容
-     */
-    write(data: Uint8Array | Int16Array | Uint16Array | Int32Array | Uint32Array | Float32Array): this
-
-    /**
-     * 分配使用
-     * @param location 变量位置
-     * @param size 一个数据的长度
-     * @param stride 一组数据的长度(可能包含多组)
-     * @param offset 读取位置偏移
-     */
-    divide(location: number, size: number, stride: number, offset?: number): this
-
+export default interface BufferType {
+
+    /**
+     * 使用这个缓冲区对象
+     * （先于写入和分配）
+     */
+    use(): this
+
+    /**
+     * 写入数据
+     * @param data 具体的数据内容
+     */
+    write(data: Uint8Array | Int16Array | Uint16Array | Int32Array | Uint32Array | Float32Array): this
+
+    /**
+     * 分配使用
+     * @param location 变量位置
+     * @param size 一个数据的长度
+     * @param stride 一组数据的长度(可能包含多组)
+     * @param offset 读取位置偏移
+     */
+    divide(location: number, size: number, stride: number, offset?: number): this
+
 }

package/types/Canvas.d.ts

@@ -262,6 +262,14 @@ export default interface CanvasType {
      */
     getContext(isRegion?: boolean): CanvasRenderingContext2D
 
+    /**
+     * 获取画布信息
+     */
+    getInfo(): {
+        width: number
+        height: number
+    }
+
     /**
      * 创建线性渐变
      * @param x0 起点

package/types/CanvasConfig.d.ts

@@ -1,107 +1,107 @@
-import { arcCapType, textAlignType, textBaselineType } from './painterConfig'
-
-export default interface CanvasConfigType {
-
-    /**
-     * 填充色或图案，默认"#000"
-     */
-    fillStyle?: string | CanvasGradient
-
-    /**
-     * 轮廓色或图案，默认"#000"
-     */
-    strokeStyle?: string | CanvasGradient
-
-    /**
-     * 线条宽度，默认1(单位px)
-     */
-    lineWidth?: number
-
-    /**
-     * 文字水平对齐方式，默认"left"左对齐（还有"center"居中和"right"右对齐）
-     */
-    textAlign?: textAlignType
-
-    /**
-     * 文字垂直对齐方式，默认"middle"垂直居中（还有"top"上对齐和"bottom"下对齐）
-     */
-    textBaseline?: textBaselineType
-
-    /**
-     * 设置线条虚线，默认为[]表示使用实线绘制
-     *
-     * 值应该是一个数组，格式：[实线长，虚线长，实线长 ...]，数组长度任意，会自动循环
-     */
-    lineDash?: Array<number>
-
-    /**
-     * 阴影的模糊系数，默认0，也就是无阴影
-     */
-    shadowBlur?: number
-
-    /**
-     * 阴影的颜色
-     */
-    shadowColor?: string | CanvasGradient
-
-    /**
-     * 文字大小，默认16
-     */
-    "fontSize"?: number
-
-    /**
-     * 已废弃，向下兼容，请用 fontSize 代替
-     */
-    "font-size"?: number // 向下兼容
-
-    /**
-     * 字体，默认"sans-serif"
-     */
-    "fontFamily"?: string
-
-    /**
-     * 已废弃，向下兼容，请用 fontFamily 代替
-     */
-    "font-family"?: string // 向下兼容
-
-    /**
-     * 字重，默认400
-     */
-    "fontWeight"?: number
-
-    /**
-     * 已废弃，向下兼容，请用 fontWeight 代替
-     */
-    "font-weight"?: number // 向下兼容
-
-    /**
-     * 字类型，默认"normal"
-     */
-    "fontStyle"?: string
-
-    /**
-     * 已废弃，向下兼容，请用 fontStyle 代替
-     */
-    "font-style"?: string // 向下兼容
-
-    /**
-     * 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
-     */
-    "arcStartCap"?: arcCapType
-
-    /**
-     * 已废弃，向下兼容，请用 arcStartCap 代替
-     */
-    "arc-start-cap"?: string // 向下兼容
-
-    /**
-     * 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
-     */
-    "arcEndCap"?: arcCapType
-
-    /**
-     * 已废弃，向下兼容，请用 arcEndCap 代替
-     */
-    "arc-end-cap"?: string // 向下兼容
-
+import { arcCapType, textAlignType, textBaselineType } from './painterConfig'
+
+export default interface CanvasConfigType {
+
+    /**
+     * 填充色或图案，默认"#000"
+     */
+    fillStyle?: string | CanvasGradient
+
+    /**
+     * 轮廓色或图案，默认"#000"
+     */
+    strokeStyle?: string | CanvasGradient
+
+    /**
+     * 线条宽度，默认1(单位px)
+     */
+    lineWidth?: number
+
+    /**
+     * 文字水平对齐方式，默认"left"左对齐（还有"center"居中和"right"右对齐）
+     */
+    textAlign?: textAlignType
+
+    /**
+     * 文字垂直对齐方式，默认"middle"垂直居中（还有"top"上对齐和"bottom"下对齐）
+     */
+    textBaseline?: textBaselineType
+
+    /**
+     * 设置线条虚线，默认为[]表示使用实线绘制
+     *
+     * 值应该是一个数组，格式：[实线长，虚线长，实线长 ...]，数组长度任意，会自动循环
+     */
+    lineDash?: Array<number>
+
+    /**
+     * 阴影的模糊系数，默认0，也就是无阴影
+     */
+    shadowBlur?: number
+
+    /**
+     * 阴影的颜色
+     */
+    shadowColor?: string | CanvasGradient
+
+    /**
+     * 文字大小，默认16
+     */
+    "fontSize"?: number
+
+    /**
+     * 已废弃，向下兼容，请用 fontSize 代替
+     */
+    "font-size"?: number // 向下兼容
+
+    /**
+     * 字体，默认"sans-serif"
+     */
+    "fontFamily"?: string
+
+    /**
+     * 已废弃，向下兼容，请用 fontFamily 代替
+     */
+    "font-family"?: string // 向下兼容
+
+    /**
+     * 字重，默认400
+     */
+    "fontWeight"?: number
+
+    /**
+     * 已废弃，向下兼容，请用 fontWeight 代替
+     */
+    "font-weight"?: number // 向下兼容
+
+    /**
+     * 字类型，默认"normal"
+     */
+    "fontStyle"?: string
+
+    /**
+     * 已废弃，向下兼容，请用 fontStyle 代替
+     */
+    "font-style"?: string // 向下兼容
+
+    /**
+     * 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
+     */
+    "arcStartCap"?: arcCapType
+
+    /**
+     * 已废弃，向下兼容，请用 arcStartCap 代替
+     */
+    "arc-start-cap"?: string // 向下兼容
+
+    /**
+     * 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
+     */
+    "arcEndCap"?: arcCapType
+
+    /**
+     * 已废弃，向下兼容，请用 arcEndCap 代替
+     */
+    "arc-end-cap"?: string // 向下兼容
+
 }

package/types/CanvasOption.d.ts

@@ -1,8 +1,8 @@
-export default interface CanvasOptionType {
-
-    /**
-     * 是否支持区域管理，默认true
-     */
-    region?: boolean
-
+export default interface CanvasOptionType {
+
+    /**
+     * 是否支持区域管理，默认true
+     */
+    region?: boolean
+
 }

package/types/Cardinal.d.ts

@@ -1,14 +1,14 @@
-export default interface CardinalType {
-
-    /**
-     * 设置点的位置：
-     * @param points 参数格式：[[x1, y1], [x2, y2], ... ]，至少两个点
-     */
-    setP(points: number[][]): this
-
-    /**
-     * 根据x值返回y值：
-     */
-    use(x: number): number
-
+export default interface CardinalType {
+
+    /**
+     * 设置点的位置：
+     * @param points 参数格式：[[x1, y1], [x2, y2], ... ]，至少两个点
+     */
+    setP(points: number[][]): this
+
+    /**
+     * 根据x值返回y值：
+     */
+    use(x: number): number
+
 }