vislite 0.8.0 → 0.8.1-alpha.0
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/CHANGELOG +212 -209
- package/README.md +136 -144
- package/lib/Buffer/index.umd.js +36 -36
- package/lib/Buffer/index.umd.min.js +2 -2
- package/lib/Canvas/index.umd.js +691 -691
- package/lib/Canvas/index.umd.min.js +2 -2
- package/lib/Cardinal/index.umd.js +91 -91
- package/lib/Cardinal/index.umd.min.js +2 -2
- package/lib/Eoap/index.umd.js +34 -34
- package/lib/Eoap/index.umd.min.js +2 -2
- package/lib/Geometry/index.umd.js +286 -286
- package/lib/Geometry/index.umd.min.js +2 -2
- package/lib/Hermite/index.umd.js +36 -36
- package/lib/Hermite/index.umd.min.js +2 -2
- package/lib/Matrix4/index.umd.js +125 -125
- package/lib/Matrix4/index.umd.min.js +2 -2
- package/lib/Mercator/index.umd.js +20 -20
- package/lib/Mercator/index.umd.min.js +2 -2
- package/lib/OralCanvas/index.es.js +634 -634
- package/lib/OralCanvas/index.es.min.js +2 -2
- package/lib/OralWebGL/index.es.js +552 -552
- package/lib/OralWebGL/index.es.min.js +2 -2
- package/lib/SVG/index.umd.js +471 -471
- package/lib/SVG/index.umd.min.js +2 -2
- package/lib/Shader/index.umd.js +61 -61
- package/lib/Shader/index.umd.min.js +2 -2
- package/lib/Texture/index.umd.js +54 -54
- package/lib/Texture/index.umd.min.js +2 -2
- package/lib/TreeLayout/index.umd.js +368 -368
- package/lib/TreeLayout/index.umd.min.js +2 -2
- package/lib/WebGL/index.umd.js +599 -599
- package/lib/WebGL/index.umd.min.js +2 -2
- package/lib/animation/index.umd.js +73 -73
- package/lib/animation/index.umd.min.js +2 -2
- package/lib/formatColor/index.umd.js +40 -40
- package/lib/formatColor/index.umd.min.js +2 -2
- package/lib/getLoopColors/index.umd.js +36 -36
- package/lib/getLoopColors/index.umd.min.js +2 -2
- package/lib/getWebGLContext/index.umd.js +63 -63
- package/lib/getWebGLContext/index.umd.min.js +2 -2
- package/lib/index.umd.js +2955 -2955
- package/lib/index.umd.min.js +2 -2
- package/lib/move/index.umd.js +8 -8
- package/lib/move/index.umd.min.js +2 -2
- package/lib/resizeObserver/index.umd.js +30 -30
- package/lib/resizeObserver/index.umd.min.js +2 -2
- package/lib/rotate/index.umd.js +8 -8
- package/lib/rotate/index.umd.min.js +2 -2
- package/lib/ruler/index.umd.js +138 -138
- package/lib/ruler/index.umd.min.js +2 -2
- package/lib/scale/index.umd.js +7 -7
- package/lib/scale/index.umd.min.js +2 -2
- package/lib/throttle/index.umd.js +49 -49
- package/lib/throttle/index.umd.min.js +2 -2
- package/lib/viewHandler/index.umd.js +120 -120
- package/lib/viewHandler/index.umd.min.js +2 -2
- package/miniprogram/ui-canvas/drawImage.js +34 -0
- package/miniprogram/ui-canvas/index.js +10 -2
- package/package/getWebGLContext/index.ts +40 -40
- package/package.json +70 -70
- package/src/Canvas.ts +72 -72
- package/src/Geometry.ts +210 -210
- package/src/WebGL.ts +66 -66
- package/src/common/canvas/index.ts +183 -183
- package/src/common/canvas/painter.ts +446 -446
- package/src/common/geometry/prism-horizontal.ts +50 -50
- package/src/common/geometry/prism-vertical.ts +55 -55
- package/src/common/geometry/tool/circle.ts +17 -17
- package/src/common/geometry/tool/rotateLine.ts +48 -48
- package/src/common/geometry/tool/triangles.ts +23 -23
- package/src/common/webgl/getWebGLContext.ts +45 -45
- package/src/common/webgl/index.ts +227 -227
- package/types/Canvas.d.ts +318 -318
- package/types/Geometry.d.ts +132 -132
- package/types/WebGLOption.d.ts +14 -14
- package/types/getWebGLContext.d.ts +4 -4
- package/types/ui-canvas.d.ts +4 -4
- package/uni-app/drawImage.js +17 -17
- package/uni-app/ui-canvas.vue +290 -290
package/types/Geometry.d.ts
CHANGED
|
@@ -1,133 +1,133 @@
|
|
|
1
|
-
import GeometryResultType from './GeometryResult'
|
|
2
|
-
import GeometryOptionType from './GeometryOption'
|
|
3
|
-
|
|
4
|
-
export default interface GeometryType {
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* 配置对象
|
|
8
|
-
*/
|
|
9
|
-
config(option: GeometryOptionType): this
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* 计算切割份数
|
|
13
|
-
* @param radius
|
|
14
|
-
* @param deg
|
|
15
|
-
*/
|
|
16
|
-
splitNum(radius: number, deg?: number): number
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* 物体方向转换
|
|
20
|
-
* @param x1
|
|
21
|
-
* @param y1
|
|
22
|
-
* @param z1
|
|
23
|
-
* @param x2
|
|
24
|
-
* @param y2
|
|
25
|
-
* @param z2
|
|
26
|
-
*/
|
|
27
|
-
rotateLine(x1: number, y1: number, z1: number, x2: number, y2: number, z2: number): (x: number, y: number, z: number, isNormal: boolean) => Array<number>
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* 棱柱水平部分
|
|
31
|
-
* @param x
|
|
32
|
-
* @param y
|
|
33
|
-
* @param z
|
|
34
|
-
* @param radius
|
|
35
|
-
* @param num
|
|
36
|
-
* @param d
|
|
37
|
-
* @param beginDeg
|
|
38
|
-
* @param deg
|
|
39
|
-
*/
|
|
40
|
-
prismHorizontal(x: number, y: number, z: number, radius: number, num: number, d: number, beginDeg?: number, deg?: number): Array<number>
|
|
41
|
-
|
|
42
|
-
/**
|
|
43
|
-
* 棱柱垂直部分
|
|
44
|
-
* @param x
|
|
45
|
-
* @param y
|
|
46
|
-
* @param z
|
|
47
|
-
* @param radius
|
|
48
|
-
* @param height
|
|
49
|
-
* @param num
|
|
50
|
-
* @param beginDeg
|
|
51
|
-
* @param deg
|
|
52
|
-
*/
|
|
53
|
-
prismVertical(x: number, y: number, z: number, radius: number, height: number, num: number, beginDeg?: number, deg?: number): Array<number>
|
|
54
|
-
|
|
55
|
-
/**
|
|
56
|
-
* 球体中的一瓣子
|
|
57
|
-
* @param cx
|
|
58
|
-
* @param cy
|
|
59
|
-
* @param cz
|
|
60
|
-
* @param radius
|
|
61
|
-
* @param num
|
|
62
|
-
* @param index
|
|
63
|
-
*/
|
|
64
|
-
sphereFragment(cx: number, cy: number, cz: number, radius: number, num: number, index: number): Array<number>
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* 饼柱体
|
|
68
|
-
* @param x
|
|
69
|
-
* @param y
|
|
70
|
-
* @param z
|
|
71
|
-
* @param radius
|
|
72
|
-
* @param height
|
|
73
|
-
* @param beginDeg
|
|
74
|
-
* @param deg
|
|
75
|
-
*/
|
|
76
|
-
pie(x: number, y: number, z: number, radius: number, height: number, beginDeg: number, deg: number): Array<GeometryResultType>
|
|
77
|
-
|
|
78
|
-
/**
|
|
79
|
-
* 圆柱体
|
|
80
|
-
* @param x
|
|
81
|
-
* @param y
|
|
82
|
-
* @param z
|
|
83
|
-
* @param radius
|
|
84
|
-
* @param height
|
|
85
|
-
*/
|
|
86
|
-
cylinder(x: number, y: number, z: number, radius: number, height: number): Array<GeometryResultType>
|
|
87
|
-
|
|
88
|
-
/**
|
|
89
|
-
* 圆柱体
|
|
90
|
-
* @param x
|
|
91
|
-
* @param y
|
|
92
|
-
* @param z
|
|
93
|
-
* @param radius
|
|
94
|
-
* @param x2
|
|
95
|
-
* @param y2
|
|
96
|
-
* @param z2
|
|
97
|
-
*/
|
|
98
|
-
cylinder(x: number, y: number, z: number, radius: number, x2: number, y2: number, z2: number): Array<GeometryResultType>
|
|
99
|
-
|
|
100
|
-
/**
|
|
101
|
-
* 棱柱体
|
|
102
|
-
* @param x
|
|
103
|
-
* @param y
|
|
104
|
-
* @param z
|
|
105
|
-
* @param radius
|
|
106
|
-
* @param height
|
|
107
|
-
* @param num
|
|
108
|
-
*/
|
|
109
|
-
prism(x: number, y: number, z: number, radius: number, height: number, num: number): Array<GeometryResultType>
|
|
110
|
-
|
|
111
|
-
/**
|
|
112
|
-
* 棱柱体
|
|
113
|
-
* @param x
|
|
114
|
-
* @param y
|
|
115
|
-
* @param z
|
|
116
|
-
* @param radius
|
|
117
|
-
* @param x2
|
|
118
|
-
* @param y2
|
|
119
|
-
* @param z2
|
|
120
|
-
* @param num
|
|
121
|
-
*/
|
|
122
|
-
prism(x: number, y: number, z: number, radius: number, x2: number, y2: number, z2: number, num: number): Array<GeometryResultType>
|
|
123
|
-
|
|
124
|
-
/**
|
|
125
|
-
* 球体
|
|
126
|
-
* @param cx
|
|
127
|
-
* @param cy
|
|
128
|
-
* @param cz
|
|
129
|
-
* @param radius
|
|
130
|
-
*/
|
|
131
|
-
sphere(cx: number, cy: number, cz: number, radius: number): Array<GeometryResultType>
|
|
132
|
-
|
|
1
|
+
import GeometryResultType from './GeometryResult'
|
|
2
|
+
import GeometryOptionType from './GeometryOption'
|
|
3
|
+
|
|
4
|
+
export default interface GeometryType {
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* 配置对象
|
|
8
|
+
*/
|
|
9
|
+
config(option: GeometryOptionType): this
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* 计算切割份数
|
|
13
|
+
* @param radius
|
|
14
|
+
* @param deg
|
|
15
|
+
*/
|
|
16
|
+
splitNum(radius: number, deg?: number): number
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* 物体方向转换
|
|
20
|
+
* @param x1
|
|
21
|
+
* @param y1
|
|
22
|
+
* @param z1
|
|
23
|
+
* @param x2
|
|
24
|
+
* @param y2
|
|
25
|
+
* @param z2
|
|
26
|
+
*/
|
|
27
|
+
rotateLine(x1: number, y1: number, z1: number, x2: number, y2: number, z2: number): (x: number, y: number, z: number, isNormal: boolean) => Array<number>
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* 棱柱水平部分
|
|
31
|
+
* @param x
|
|
32
|
+
* @param y
|
|
33
|
+
* @param z
|
|
34
|
+
* @param radius
|
|
35
|
+
* @param num
|
|
36
|
+
* @param d
|
|
37
|
+
* @param beginDeg
|
|
38
|
+
* @param deg
|
|
39
|
+
*/
|
|
40
|
+
prismHorizontal(x: number, y: number, z: number, radius: number, num: number, d: number, beginDeg?: number, deg?: number): Array<number>
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* 棱柱垂直部分
|
|
44
|
+
* @param x
|
|
45
|
+
* @param y
|
|
46
|
+
* @param z
|
|
47
|
+
* @param radius
|
|
48
|
+
* @param height
|
|
49
|
+
* @param num
|
|
50
|
+
* @param beginDeg
|
|
51
|
+
* @param deg
|
|
52
|
+
*/
|
|
53
|
+
prismVertical(x: number, y: number, z: number, radius: number, height: number, num: number, beginDeg?: number, deg?: number): Array<number>
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* 球体中的一瓣子
|
|
57
|
+
* @param cx
|
|
58
|
+
* @param cy
|
|
59
|
+
* @param cz
|
|
60
|
+
* @param radius
|
|
61
|
+
* @param num
|
|
62
|
+
* @param index
|
|
63
|
+
*/
|
|
64
|
+
sphereFragment(cx: number, cy: number, cz: number, radius: number, num: number, index: number): Array<number>
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* 饼柱体
|
|
68
|
+
* @param x
|
|
69
|
+
* @param y
|
|
70
|
+
* @param z
|
|
71
|
+
* @param radius
|
|
72
|
+
* @param height
|
|
73
|
+
* @param beginDeg
|
|
74
|
+
* @param deg
|
|
75
|
+
*/
|
|
76
|
+
pie(x: number, y: number, z: number, radius: number, height: number, beginDeg: number, deg: number): Array<GeometryResultType>
|
|
77
|
+
|
|
78
|
+
/**
|
|
79
|
+
* 圆柱体
|
|
80
|
+
* @param x
|
|
81
|
+
* @param y
|
|
82
|
+
* @param z
|
|
83
|
+
* @param radius
|
|
84
|
+
* @param height
|
|
85
|
+
*/
|
|
86
|
+
cylinder(x: number, y: number, z: number, radius: number, height: number): Array<GeometryResultType>
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* 圆柱体
|
|
90
|
+
* @param x
|
|
91
|
+
* @param y
|
|
92
|
+
* @param z
|
|
93
|
+
* @param radius
|
|
94
|
+
* @param x2
|
|
95
|
+
* @param y2
|
|
96
|
+
* @param z2
|
|
97
|
+
*/
|
|
98
|
+
cylinder(x: number, y: number, z: number, radius: number, x2: number, y2: number, z2: number): Array<GeometryResultType>
|
|
99
|
+
|
|
100
|
+
/**
|
|
101
|
+
* 棱柱体
|
|
102
|
+
* @param x
|
|
103
|
+
* @param y
|
|
104
|
+
* @param z
|
|
105
|
+
* @param radius
|
|
106
|
+
* @param height
|
|
107
|
+
* @param num
|
|
108
|
+
*/
|
|
109
|
+
prism(x: number, y: number, z: number, radius: number, height: number, num: number): Array<GeometryResultType>
|
|
110
|
+
|
|
111
|
+
/**
|
|
112
|
+
* 棱柱体
|
|
113
|
+
* @param x
|
|
114
|
+
* @param y
|
|
115
|
+
* @param z
|
|
116
|
+
* @param radius
|
|
117
|
+
* @param x2
|
|
118
|
+
* @param y2
|
|
119
|
+
* @param z2
|
|
120
|
+
* @param num
|
|
121
|
+
*/
|
|
122
|
+
prism(x: number, y: number, z: number, radius: number, x2: number, y2: number, z2: number, num: number): Array<GeometryResultType>
|
|
123
|
+
|
|
124
|
+
/**
|
|
125
|
+
* 球体
|
|
126
|
+
* @param cx
|
|
127
|
+
* @param cy
|
|
128
|
+
* @param cz
|
|
129
|
+
* @param radius
|
|
130
|
+
*/
|
|
131
|
+
sphere(cx: number, cy: number, cz: number, radius: number): Array<GeometryResultType>
|
|
132
|
+
|
|
133
133
|
}
|
package/types/WebGLOption.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { WebGLmodeType } from "./getWebGLContext"
|
|
2
|
-
|
|
3
|
-
export default interface WebGLOptionType {
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* 是否支持区域管理,默认true
|
|
7
|
-
*/
|
|
8
|
-
region?: boolean
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* 设置画布缩放模式,默认“scaleToFill“
|
|
12
|
-
*/
|
|
13
|
-
mode?: WebGLmodeType
|
|
14
|
-
|
|
1
|
+
import { WebGLmodeType } from "./getWebGLContext"
|
|
2
|
+
|
|
3
|
+
export default interface WebGLOptionType {
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* 是否支持区域管理,默认true
|
|
7
|
+
*/
|
|
8
|
+
region?: boolean
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* 设置画布缩放模式,默认“scaleToFill“
|
|
12
|
+
*/
|
|
13
|
+
mode?: WebGLmodeType
|
|
14
|
+
|
|
15
15
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export type WebGLmodeType = "scaleToFill" | "aspectFit" | "aspectFill"
|
|
2
|
-
|
|
3
|
-
export default interface getWebGLContextType {
|
|
4
|
-
(el: HTMLElement | null, scale?: number, mode?: WebGLmodeType): WebGLRenderingContext
|
|
1
|
+
export type WebGLmodeType = "scaleToFill" | "aspectFit" | "aspectFill"
|
|
2
|
+
|
|
3
|
+
export default interface getWebGLContextType {
|
|
4
|
+
(el: HTMLElement | null, scale?: number, mode?: WebGLmodeType): WebGLRenderingContext
|
|
5
5
|
}
|
package/types/ui-canvas.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import CanvasType from "./Canvas"
|
|
2
|
-
|
|
3
|
-
export default interface UiCanvasType {
|
|
4
|
-
fetch(): Promise<CanvasType>
|
|
1
|
+
import CanvasType from "./Canvas"
|
|
2
|
+
|
|
3
|
+
export default interface UiCanvasType {
|
|
4
|
+
fetch(): Promise<CanvasType>
|
|
5
5
|
}
|
package/uni-app/drawImage.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export default function (_this, drawImage) {
|
|
2
|
-
return function (imgUrl, x, y, w, h) {
|
|
3
|
-
return new Promise((resolve) => {
|
|
4
|
-
if (/^http/.test(imgUrl)) {
|
|
5
|
-
uni.downloadFile({
|
|
6
|
-
url: imgUrl,
|
|
7
|
-
success: function (res) {
|
|
8
|
-
drawImage.call(_this, res.tempFilePath, x, y, w, h, true);
|
|
9
|
-
resolve({});
|
|
10
|
-
},
|
|
11
|
-
})
|
|
12
|
-
} else {
|
|
13
|
-
drawImage.call(_this, imgUrl, x, y, w, h, true);
|
|
14
|
-
resolve({});
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
};
|
|
1
|
+
export default function (_this, drawImage) {
|
|
2
|
+
return function (imgUrl, x, y, w, h) {
|
|
3
|
+
return new Promise((resolve) => {
|
|
4
|
+
if (/^http/.test(imgUrl)) {
|
|
5
|
+
uni.downloadFile({
|
|
6
|
+
url: imgUrl,
|
|
7
|
+
success: function (res) {
|
|
8
|
+
drawImage.call(_this, res.tempFilePath, x, y, w, h, true);
|
|
9
|
+
resolve({});
|
|
10
|
+
},
|
|
11
|
+
})
|
|
12
|
+
} else {
|
|
13
|
+
drawImage.call(_this, imgUrl, x, y, w, h, true);
|
|
14
|
+
resolve({});
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
};
|
|
18
18
|
};
|