vislite 0.5.2-alpha.1 → 0.5.2
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/.editorconfig +18 -18
- package/AUTHORS.txt +6 -6
- package/CHANGELOG +143 -137
- package/LICENSE +20 -20
- package/README.md +69 -69
- package/lib/Buffer/index.umd.js +36 -36
- package/lib/Buffer/index.umd.min.js +2 -2
- package/lib/Canvas/index.umd.js +650 -650
- 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 +142 -142
- 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 +119 -119
- 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 +598 -598
- package/lib/OralCanvas/index.es.min.js +2 -2
- package/lib/OralWebGL/index.es.js +532 -532
- package/lib/OralWebGL/index.es.min.js +3 -3
- package/lib/SVG/index.umd.js +470 -405
- package/lib/SVG/index.umd.min.js +3 -3
- package/lib/Shader/index.umd.js +69 -69
- package/lib/Shader/index.umd.min.js +3 -3
- package/lib/Texture/index.umd.js +53 -53
- package/lib/Texture/index.umd.min.js +2 -2
- package/lib/TreeLayout/index.umd.js +363 -363
- package/lib/TreeLayout/index.umd.min.js +2 -2
- package/lib/WebGL/index.umd.js +579 -579
- package/lib/WebGL/index.umd.min.js +3 -3
- package/lib/animation/index.umd.js +72 -72
- 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 +44 -44
- package/lib/getWebGLContext/index.umd.min.js +2 -2
- package/lib/index.umd.js +2744 -2662
- package/lib/index.umd.min.js +3 -3
- package/lib/move/index.umd.js +27 -0
- package/lib/move/index.umd.min.js +11 -0
- package/lib/resizeObserver/index.umd.js +29 -29
- 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 +126 -126
- package/lib/ruler/index.umd.min.js +2 -2
- package/lib/scale/index.umd.js +26 -0
- package/lib/scale/index.umd.min.js +11 -0
- 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/index.js +107 -107
- package/miniprogram/ui-canvas/index.json +4 -4
- package/miniprogram/ui-canvas/index.wxml +4 -4
- package/miniprogram/ui-canvas/index.wxss +5 -5
- package/package/Buffer/index.ts +2 -2
- package/package/Canvas/index.ts +2 -2
- package/package/Cardinal/index.ts +2 -2
- package/package/Eoap/index.ts +2 -2
- package/package/Geometry/index.ts +2 -2
- package/package/Hermite/index.ts +2 -2
- package/package/Matrix4/index.ts +2 -2
- package/package/Mercator/index.ts +2 -2
- package/package/OralCanvas/index.ts +2 -2
- package/package/OralWebGL/index.ts +2 -2
- package/package/SVG/index.ts +2 -2
- package/package/Shader/index.ts +39 -39
- package/package/Texture/index.ts +2 -2
- package/package/TreeLayout/index.ts +2 -2
- package/package/WebGL/index.ts +2 -2
- package/package/animation/index.ts +2 -2
- package/package/formatColor/index.ts +2 -2
- package/package/getLoopColors/index.ts +2 -2
- package/package/getWebGLContext/index.ts +39 -39
- package/package/index.ts +76 -72
- package/package/move/index.ts +3 -0
- package/package/resizeObserver/index.ts +2 -2
- package/package/rotate/index.ts +2 -2
- package/package/ruler/index.ts +2 -2
- package/package/scale/index.ts +3 -0
- package/package/throttle/index.ts +2 -2
- package/package/viewHandler/index.ts +2 -2
- package/package.json +66 -66
- package/src/Canvas.ts +67 -67
- package/src/Eoap.ts +66 -66
- package/src/Geometry.ts +82 -82
- package/src/Matrix4/index.ts +76 -76
- package/src/Matrix4/move.ts +12 -12
- package/src/Matrix4/rotate.ts +15 -15
- package/src/Matrix4/scale.ts +11 -11
- package/src/Matrix4/transform.ts +64 -64
- package/src/Mercator.ts +27 -27
- package/src/SVG.ts +24 -24
- package/src/TreeLayout/index.ts +186 -186
- package/src/WebGL.ts +66 -66
- package/src/animation.ts +98 -98
- package/src/common/assemble.ts +22 -22
- package/src/common/canvas/arc.ts +50 -50
- package/src/common/canvas/config.ts +158 -158
- package/src/common/canvas/gradient.ts +29 -29
- package/src/common/canvas/index.ts +168 -168
- package/src/common/canvas/painter.ts +426 -426
- package/src/common/canvas/texts.ts +18 -18
- package/src/common/geometry/prism-horizontal.ts +33 -33
- package/src/common/geometry/prism-vertical.ts +40 -40
- package/src/common/geometry/sphere-fragment.ts +39 -39
- package/src/common/geometry/tool/circle.ts +11 -11
- package/src/common/mergeOption.ts +6 -6
- package/src/common/setStyle.ts +5 -5
- package/src/common/svg/config.ts +186 -174
- package/src/common/svg/gradient.ts +63 -0
- package/src/common/svg/index.ts +356 -344
- package/src/common/svg/tool.ts +44 -44
- package/src/common/tree/index.ts +25 -25
- package/src/common/tree/toInnerTree.ts +56 -56
- package/src/common/tree/toPlainTree.ts +131 -131
- package/src/common/webgl/buffer.ts +79 -79
- package/src/common/webgl/doDraw.ts +108 -108
- package/src/common/webgl/getColorFactory.ts +26 -26
- package/src/common/webgl/getShader.ts +48 -48
- package/src/common/webgl/getTexture.ts +11 -11
- package/src/common/webgl/getWebGLContext.ts +27 -27
- package/src/common/webgl/index.ts +223 -223
- package/src/common/webgl/shader.ts +75 -75
- package/src/common/webgl/texture.ts +96 -96
- package/src/formatColor.ts +44 -44
- package/src/getLoopColors.ts +42 -42
- package/src/interpolation/Cardinal.ts +110 -110
- package/src/interpolation/Hermite.ts +65 -65
- package/src/move.ts +8 -0
- package/src/resizeObserver.ts +36 -36
- package/src/rotate.ts +7 -7
- package/src/ruler.ts +188 -188
- package/src/scale.ts +7 -0
- package/src/shader/fsColor.c +7 -7
- package/src/shader/fsColors.c +7 -7
- package/src/shader/fsCube.c +8 -8
- package/src/shader/fsImage.c +8 -8
- package/src/shader/vsColor.c +17 -17
- package/src/shader/vsColors.c +13 -13
- package/src/shader/vsCube.c +13 -13
- package/src/shader/vsImage.c +13 -13
- package/src/throttle.ts +51 -51
- package/src/viewHandler.ts +158 -158
- package/types/Buffer.d.ts +23 -23
- package/types/Canvas.d.ts +300 -300
- package/types/CanvasConfig.d.ts +106 -106
- package/types/CanvasOption.d.ts +7 -7
- package/types/Cardinal.d.ts +13 -13
- package/types/Geometry.d.ts +40 -40
- package/types/GeometryOption.d.ts +11 -11
- package/types/GeometryResult.d.ts +18 -18
- package/types/Gradient.d.ts +14 -14
- package/types/Hermite.d.ts +18 -18
- package/types/Map.d.ts +9 -9
- package/types/Matrix4.d.ts +42 -42
- package/types/Object3D.d.ts +114 -114
- package/types/SVG.d.ts +238 -215
- package/types/SVGConfig.d.ts +76 -76
- package/types/Scene3D.d.ts +6 -6
- package/types/Shader.d.ts +21 -21
- package/types/Texture.d.ts +16 -16
- package/types/Tree.d.ts +69 -69
- package/types/TreeConfig.d.ts +24 -24
- package/types/TreeLayout.d.ts +54 -54
- package/types/TreeOption.d.ts +48 -48
- package/types/WebGL.d.ts +38 -38
- package/types/WebGLOption.d.ts +7 -7
- package/types/animation.d.ts +6 -6
- package/types/formatColor.d.ts +2 -2
- package/types/getLoopColors.d.ts +2 -2
- package/types/getWebGLContext.d.ts +2 -2
- package/types/index.d.ts +175 -169
- package/types/move.d.ts +3 -0
- package/types/painterConfig.d.ts +2 -2
- package/types/resizeObserver.d.ts +2 -2
- package/types/rotate.d.ts +2 -2
- package/types/ruler.d.ts +7 -7
- package/types/scale.d.ts +3 -0
- package/types/throttle.d.ts +4 -4
- package/types/throttleOption.d.ts +21 -21
- package/types/viewHandler.d.ts +13 -13
- package/uni-app/ui-canvas.vue +226 -226
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* VISLite JavaScript Library v0.5.2
|
|
2
|
+
* VISLite JavaScript Library v0.5.2
|
|
3
3
|
* git+https://github.com/oi-contrib/VISLite.git
|
|
4
4
|
*
|
|
5
5
|
* Copyright zxl20070701
|
|
6
6
|
* Released under the MIT license
|
|
7
7
|
* https://zxl20070701.github.io/notebook/home.html
|
|
8
8
|
*
|
|
9
|
-
* Publish Date:
|
|
9
|
+
* Publish Date: Sat Nov 04 2023 09:25:44 GMT+0800 (中国标准时间)
|
|
10
10
|
*/
|
|
11
11
|
(function (global, factory) {
|
|
12
12
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
|
@@ -14,124 +14,124 @@
|
|
|
14
14
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.VISLite_viewHandler = factory());
|
|
15
15
|
})(this, (function () { 'use strict';
|
|
16
16
|
|
|
17
|
-
var mousePosition = function (el, event) {
|
|
18
|
-
var bounding = el.getBoundingClientRect();
|
|
19
|
-
return {
|
|
20
|
-
"x": event.clientX - bounding.left,
|
|
21
|
-
"y": event.clientY - bounding.top
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
var getKeyString = function (event) {
|
|
25
|
-
return {
|
|
26
|
-
37: "left",
|
|
27
|
-
38: "up",
|
|
28
|
-
39: "right",
|
|
29
|
-
40: "down",
|
|
30
|
-
}[event.keyCode || event.which];
|
|
31
|
-
};
|
|
32
|
-
function viewHandler (callback) {
|
|
33
|
-
var el = document.getElementsByTagName('body')[0];
|
|
34
|
-
el.addEventListener("keydown", function (event) {
|
|
35
|
-
var keyCode = getKeyString(event);
|
|
36
|
-
if (keyCode == 'up') {
|
|
37
|
-
callback({
|
|
38
|
-
type: "lookUp",
|
|
39
|
-
normal: [],
|
|
40
|
-
value: 0.1,
|
|
41
|
-
event: event
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
else if (keyCode == 'down') {
|
|
45
|
-
callback({
|
|
46
|
-
type: "lookDown",
|
|
47
|
-
normal: [],
|
|
48
|
-
value: 0.1,
|
|
49
|
-
event: event
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
else if (keyCode == 'left') {
|
|
53
|
-
callback({
|
|
54
|
-
type: "lookLeft",
|
|
55
|
-
normal: [],
|
|
56
|
-
value: 0.1,
|
|
57
|
-
event: event
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
else if (keyCode == 'right') {
|
|
61
|
-
callback({
|
|
62
|
-
type: "lookRight",
|
|
63
|
-
normal: [],
|
|
64
|
-
value: 0.1,
|
|
65
|
-
event: event
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
var mouseP = null;
|
|
70
|
-
var doMove = function (event) {
|
|
71
|
-
if (mouseP == null) {
|
|
72
|
-
callback({
|
|
73
|
-
type: "hover",
|
|
74
|
-
normal: [],
|
|
75
|
-
value: 0,
|
|
76
|
-
event: event
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
else {
|
|
80
|
-
var tempMouseP = mousePosition(el, event);
|
|
81
|
-
var normal = [tempMouseP.x - mouseP.x, tempMouseP.y - mouseP.y];
|
|
82
|
-
var rotateNormal = [
|
|
83
|
-
normal[1],
|
|
84
|
-
normal[0],
|
|
85
|
-
0
|
|
86
|
-
];
|
|
87
|
-
if (rotateNormal[0] == 0 && rotateNormal[1] == 0)
|
|
88
|
-
return;
|
|
89
|
-
callback({
|
|
90
|
-
type: "rotate",
|
|
91
|
-
normal: rotateNormal,
|
|
92
|
-
value: (Math.abs(tempMouseP.x - mouseP.x) + Math.abs(tempMouseP.y - mouseP.y)) * 0.01,
|
|
93
|
-
event: event
|
|
94
|
-
});
|
|
95
|
-
mouseP = tempMouseP;
|
|
96
|
-
}
|
|
97
|
-
};
|
|
98
|
-
el.addEventListener("mousedown", function (event) {
|
|
99
|
-
mouseP = mousePosition(el, event);
|
|
100
|
-
});
|
|
101
|
-
el.addEventListener("mouseup", function (event) {
|
|
102
|
-
mouseP = null;
|
|
103
|
-
});
|
|
104
|
-
el.addEventListener("mousemove", function (event) {
|
|
105
|
-
doMove(event);
|
|
106
|
-
});
|
|
107
|
-
el.addEventListener("touchend", function (event) {
|
|
108
|
-
mouseP = null;
|
|
109
|
-
});
|
|
110
|
-
el.addEventListener("touchstart", function (event) {
|
|
111
|
-
mouseP = mousePosition(el, event);
|
|
112
|
-
});
|
|
113
|
-
el.addEventListener("touchmove", function (event) {
|
|
114
|
-
doMove(event.touches[0]);
|
|
115
|
-
});
|
|
116
|
-
var doScale = function (value, event) {
|
|
117
|
-
if (value == 0)
|
|
118
|
-
return;
|
|
119
|
-
var baseTimes = 0.899;
|
|
120
|
-
callback({
|
|
121
|
-
type: "scale",
|
|
122
|
-
value: value < 0 ? baseTimes : 2 - baseTimes,
|
|
123
|
-
normal: [],
|
|
124
|
-
event: event
|
|
125
|
-
});
|
|
126
|
-
};
|
|
127
|
-
el.addEventListener("mousewheel", function (event) {
|
|
128
|
-
doScale(event.wheelDelta, event);
|
|
129
|
-
});
|
|
130
|
-
if (window.addEventListener) {
|
|
131
|
-
window.addEventListener('DOMMouseScroll', function (event) {
|
|
132
|
-
doScale(-1 * event.detail, event);
|
|
133
|
-
}, false);
|
|
134
|
-
}
|
|
17
|
+
var mousePosition = function (el, event) {
|
|
18
|
+
var bounding = el.getBoundingClientRect();
|
|
19
|
+
return {
|
|
20
|
+
"x": event.clientX - bounding.left,
|
|
21
|
+
"y": event.clientY - bounding.top
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
var getKeyString = function (event) {
|
|
25
|
+
return {
|
|
26
|
+
37: "left",
|
|
27
|
+
38: "up",
|
|
28
|
+
39: "right",
|
|
29
|
+
40: "down",
|
|
30
|
+
}[event.keyCode || event.which];
|
|
31
|
+
};
|
|
32
|
+
function viewHandler (callback) {
|
|
33
|
+
var el = document.getElementsByTagName('body')[0];
|
|
34
|
+
el.addEventListener("keydown", function (event) {
|
|
35
|
+
var keyCode = getKeyString(event);
|
|
36
|
+
if (keyCode == 'up') {
|
|
37
|
+
callback({
|
|
38
|
+
type: "lookUp",
|
|
39
|
+
normal: [],
|
|
40
|
+
value: 0.1,
|
|
41
|
+
event: event
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
else if (keyCode == 'down') {
|
|
45
|
+
callback({
|
|
46
|
+
type: "lookDown",
|
|
47
|
+
normal: [],
|
|
48
|
+
value: 0.1,
|
|
49
|
+
event: event
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
else if (keyCode == 'left') {
|
|
53
|
+
callback({
|
|
54
|
+
type: "lookLeft",
|
|
55
|
+
normal: [],
|
|
56
|
+
value: 0.1,
|
|
57
|
+
event: event
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
else if (keyCode == 'right') {
|
|
61
|
+
callback({
|
|
62
|
+
type: "lookRight",
|
|
63
|
+
normal: [],
|
|
64
|
+
value: 0.1,
|
|
65
|
+
event: event
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
var mouseP = null;
|
|
70
|
+
var doMove = function (event) {
|
|
71
|
+
if (mouseP == null) {
|
|
72
|
+
callback({
|
|
73
|
+
type: "hover",
|
|
74
|
+
normal: [],
|
|
75
|
+
value: 0,
|
|
76
|
+
event: event
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
else {
|
|
80
|
+
var tempMouseP = mousePosition(el, event);
|
|
81
|
+
var normal = [tempMouseP.x - mouseP.x, tempMouseP.y - mouseP.y];
|
|
82
|
+
var rotateNormal = [
|
|
83
|
+
normal[1],
|
|
84
|
+
normal[0],
|
|
85
|
+
0
|
|
86
|
+
];
|
|
87
|
+
if (rotateNormal[0] == 0 && rotateNormal[1] == 0)
|
|
88
|
+
return;
|
|
89
|
+
callback({
|
|
90
|
+
type: "rotate",
|
|
91
|
+
normal: rotateNormal,
|
|
92
|
+
value: (Math.abs(tempMouseP.x - mouseP.x) + Math.abs(tempMouseP.y - mouseP.y)) * 0.01,
|
|
93
|
+
event: event
|
|
94
|
+
});
|
|
95
|
+
mouseP = tempMouseP;
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
el.addEventListener("mousedown", function (event) {
|
|
99
|
+
mouseP = mousePosition(el, event);
|
|
100
|
+
});
|
|
101
|
+
el.addEventListener("mouseup", function (event) {
|
|
102
|
+
mouseP = null;
|
|
103
|
+
});
|
|
104
|
+
el.addEventListener("mousemove", function (event) {
|
|
105
|
+
doMove(event);
|
|
106
|
+
});
|
|
107
|
+
el.addEventListener("touchend", function (event) {
|
|
108
|
+
mouseP = null;
|
|
109
|
+
});
|
|
110
|
+
el.addEventListener("touchstart", function (event) {
|
|
111
|
+
mouseP = mousePosition(el, event);
|
|
112
|
+
});
|
|
113
|
+
el.addEventListener("touchmove", function (event) {
|
|
114
|
+
doMove(event.touches[0]);
|
|
115
|
+
});
|
|
116
|
+
var doScale = function (value, event) {
|
|
117
|
+
if (value == 0)
|
|
118
|
+
return;
|
|
119
|
+
var baseTimes = 0.899;
|
|
120
|
+
callback({
|
|
121
|
+
type: "scale",
|
|
122
|
+
value: value < 0 ? baseTimes : 2 - baseTimes,
|
|
123
|
+
normal: [],
|
|
124
|
+
event: event
|
|
125
|
+
});
|
|
126
|
+
};
|
|
127
|
+
el.addEventListener("mousewheel", function (event) {
|
|
128
|
+
doScale(event.wheelDelta, event);
|
|
129
|
+
});
|
|
130
|
+
if (window.addEventListener) {
|
|
131
|
+
window.addEventListener('DOMMouseScroll', function (event) {
|
|
132
|
+
doScale(-1 * event.detail, event);
|
|
133
|
+
}, false);
|
|
134
|
+
}
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
return viewHandler;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* VISLite JavaScript Library v0.5.2
|
|
2
|
+
* VISLite JavaScript Library v0.5.2
|
|
3
3
|
* git+https://github.com/oi-contrib/VISLite.git
|
|
4
4
|
*
|
|
5
5
|
* Copyright zxl20070701
|
|
6
6
|
* Released under the MIT license
|
|
7
7
|
* https://zxl20070701.github.io/notebook/home.html
|
|
8
8
|
*
|
|
9
|
-
* Publish Date:
|
|
9
|
+
* Publish Date: Sat Nov 04 2023 09:25:44 GMT+0800 (中国标准时间)
|
|
10
10
|
*/
|
|
11
11
|
var e,n;e=this,n=function(){"use strict";var e=function(e,n){var t=e.getBoundingClientRect();return{x:n.clientX-t.left,y:n.clientY-t.top}};return function(n){var t=document.getElementsByTagName("body")[0];t.addEventListener("keydown",(function(e){var t=function(e){return{37:"left",38:"up",39:"right",40:"down"}[e.keyCode||e.which]}(e);"up"==t?n({type:"lookUp",normal:[],value:.1,event:e}):"down"==t?n({type:"lookDown",normal:[],value:.1,event:e}):"left"==t?n({type:"lookLeft",normal:[],value:.1,event:e}):"right"==t&&n({type:"lookRight",normal:[],value:.1,event:e})}));var o=null,i=function(i){if(null==o)n({type:"hover",normal:[],value:0,event:i});else{var u=e(t,i),l=[u.x-o.x,u.y-o.y],a=[l[1],l[0],0];if(0==a[0]&&0==a[1])return;n({type:"rotate",normal:a,value:.01*(Math.abs(u.x-o.x)+Math.abs(u.y-o.y)),event:i}),o=u}};t.addEventListener("mousedown",(function(n){o=e(t,n)})),t.addEventListener("mouseup",(function(e){o=null})),t.addEventListener("mousemove",(function(e){i(e)})),t.addEventListener("touchend",(function(e){o=null})),t.addEventListener("touchstart",(function(n){o=e(t,n)})),t.addEventListener("touchmove",(function(e){i(e.touches[0])}));var u=function(e,t){0!=e&&n({type:"scale",value:e<0?.899:1.101,normal:[],event:t})};t.addEventListener("mousewheel",(function(e){u(e.wheelDelta,e)})),window.addEventListener&&window.addEventListener("DOMMouseScroll",(function(e){u(-1*e.detail,e)}),!1)}},"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e="undefined"!=typeof globalThis?globalThis:e||self).VISLite_viewHandler=n();
|
|
@@ -1,107 +1,107 @@
|
|
|
1
|
-
import OralCanvas from "../../lib/OralCanvas/index.es.js";
|
|
2
|
-
|
|
3
|
-
let dpr = wx.getSystemInfoSync().pixelRatio;
|
|
4
|
-
|
|
5
|
-
Component({
|
|
6
|
-
properties: {
|
|
7
|
-
width: {
|
|
8
|
-
type: Number,
|
|
9
|
-
default: 300
|
|
10
|
-
},
|
|
11
|
-
height: {
|
|
12
|
-
type: Number,
|
|
13
|
-
default: 150
|
|
14
|
-
},
|
|
15
|
-
region: {
|
|
16
|
-
type: Boolean,
|
|
17
|
-
default: true
|
|
18
|
-
},
|
|
19
|
-
touchstart: {
|
|
20
|
-
type: Function,
|
|
21
|
-
default: () => { }
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
data: {
|
|
25
|
-
help: {}
|
|
26
|
-
},
|
|
27
|
-
lifetimes: {
|
|
28
|
-
ready() {
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
methods: {
|
|
33
|
-
fetch() {
|
|
34
|
-
return new Promise((resolve, reject) => {
|
|
35
|
-
|
|
36
|
-
let getCanvasContext = (idName, doback) => {
|
|
37
|
-
if (idName != 'region' || this.data.region) {
|
|
38
|
-
const query = wx.createSelectorQuery().in(this);
|
|
39
|
-
query.select('#' + idName)
|
|
40
|
-
.fields({ node: true, size: true })
|
|
41
|
-
.exec((res) => {
|
|
42
|
-
const canvas = res[0].node;
|
|
43
|
-
const ctx = canvas.getContext('2d');
|
|
44
|
-
|
|
45
|
-
canvas.width = res[0].width * (idName == "region" ? 1 : dpr);
|
|
46
|
-
canvas.height = res[0].height * (idName == "region" ? 1 : dpr);
|
|
47
|
-
|
|
48
|
-
if (idName != "region") {
|
|
49
|
-
ctx.scale(dpr, dpr);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
doback(ctx);
|
|
53
|
-
});
|
|
54
|
-
} else {
|
|
55
|
-
doback(null);
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
getCanvasContext("painter", painter => {
|
|
60
|
-
getCanvasContext("region", region => {
|
|
61
|
-
this.data.help.instance = new OralCanvas({
|
|
62
|
-
getContext() {
|
|
63
|
-
return painter;
|
|
64
|
-
}
|
|
65
|
-
}, this.data.region ? {
|
|
66
|
-
getContext() {
|
|
67
|
-
return region;
|
|
68
|
-
}
|
|
69
|
-
} : null);
|
|
70
|
-
|
|
71
|
-
this.data.help.instance.toDataURL = () => {
|
|
72
|
-
return new Promise((resolveUrl) => {
|
|
73
|
-
wx.canvasToTempFilePath({
|
|
74
|
-
canvasId: "painter",
|
|
75
|
-
success: function (e) {
|
|
76
|
-
resolveUrl(e.tempFilePath);
|
|
77
|
-
},
|
|
78
|
-
}, this);
|
|
79
|
-
})
|
|
80
|
-
};
|
|
81
|
-
resolve(this.data.help.instance);
|
|
82
|
-
});
|
|
83
|
-
});
|
|
84
|
-
|
|
85
|
-
});
|
|
86
|
-
},
|
|
87
|
-
doit(event, doback) {
|
|
88
|
-
let x = event.touches[0].x;
|
|
89
|
-
let y = event.touches[0].y;
|
|
90
|
-
|
|
91
|
-
this.data.help.instance.getRegion(x, y).then((regionName) => {
|
|
92
|
-
// 兼容旧语法
|
|
93
|
-
if (doback) doback(regionName);
|
|
94
|
-
|
|
95
|
-
this.triggerEvent('dotouchstart', {
|
|
96
|
-
name: regionName,
|
|
97
|
-
x: x,
|
|
98
|
-
y: y
|
|
99
|
-
})
|
|
100
|
-
});
|
|
101
|
-
},
|
|
102
|
-
doitstart(event) {
|
|
103
|
-
this.doit(event, this.data.touchstart);
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
});
|
|
1
|
+
import OralCanvas from "../../lib/OralCanvas/index.es.js";
|
|
2
|
+
|
|
3
|
+
let dpr = wx.getSystemInfoSync().pixelRatio;
|
|
4
|
+
|
|
5
|
+
Component({
|
|
6
|
+
properties: {
|
|
7
|
+
width: {
|
|
8
|
+
type: Number,
|
|
9
|
+
default: 300
|
|
10
|
+
},
|
|
11
|
+
height: {
|
|
12
|
+
type: Number,
|
|
13
|
+
default: 150
|
|
14
|
+
},
|
|
15
|
+
region: {
|
|
16
|
+
type: Boolean,
|
|
17
|
+
default: true
|
|
18
|
+
},
|
|
19
|
+
touchstart: {
|
|
20
|
+
type: Function,
|
|
21
|
+
default: () => { }
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
data: {
|
|
25
|
+
help: {}
|
|
26
|
+
},
|
|
27
|
+
lifetimes: {
|
|
28
|
+
ready() {
|
|
29
|
+
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
methods: {
|
|
33
|
+
fetch() {
|
|
34
|
+
return new Promise((resolve, reject) => {
|
|
35
|
+
|
|
36
|
+
let getCanvasContext = (idName, doback) => {
|
|
37
|
+
if (idName != 'region' || this.data.region) {
|
|
38
|
+
const query = wx.createSelectorQuery().in(this);
|
|
39
|
+
query.select('#' + idName)
|
|
40
|
+
.fields({ node: true, size: true })
|
|
41
|
+
.exec((res) => {
|
|
42
|
+
const canvas = res[0].node;
|
|
43
|
+
const ctx = canvas.getContext('2d');
|
|
44
|
+
|
|
45
|
+
canvas.width = res[0].width * (idName == "region" ? 1 : dpr);
|
|
46
|
+
canvas.height = res[0].height * (idName == "region" ? 1 : dpr);
|
|
47
|
+
|
|
48
|
+
if (idName != "region") {
|
|
49
|
+
ctx.scale(dpr, dpr);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
doback(ctx);
|
|
53
|
+
});
|
|
54
|
+
} else {
|
|
55
|
+
doback(null);
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
getCanvasContext("painter", painter => {
|
|
60
|
+
getCanvasContext("region", region => {
|
|
61
|
+
this.data.help.instance = new OralCanvas({
|
|
62
|
+
getContext() {
|
|
63
|
+
return painter;
|
|
64
|
+
}
|
|
65
|
+
}, this.data.region ? {
|
|
66
|
+
getContext() {
|
|
67
|
+
return region;
|
|
68
|
+
}
|
|
69
|
+
} : null);
|
|
70
|
+
|
|
71
|
+
this.data.help.instance.toDataURL = () => {
|
|
72
|
+
return new Promise((resolveUrl) => {
|
|
73
|
+
wx.canvasToTempFilePath({
|
|
74
|
+
canvasId: "painter",
|
|
75
|
+
success: function (e) {
|
|
76
|
+
resolveUrl(e.tempFilePath);
|
|
77
|
+
},
|
|
78
|
+
}, this);
|
|
79
|
+
})
|
|
80
|
+
};
|
|
81
|
+
resolve(this.data.help.instance);
|
|
82
|
+
});
|
|
83
|
+
});
|
|
84
|
+
|
|
85
|
+
});
|
|
86
|
+
},
|
|
87
|
+
doit(event, doback) {
|
|
88
|
+
let x = event.touches[0].x;
|
|
89
|
+
let y = event.touches[0].y;
|
|
90
|
+
|
|
91
|
+
this.data.help.instance.getRegion(x, y).then((regionName) => {
|
|
92
|
+
// 兼容旧语法
|
|
93
|
+
if (doback) doback(regionName);
|
|
94
|
+
|
|
95
|
+
this.triggerEvent('dotouchstart', {
|
|
96
|
+
name: regionName,
|
|
97
|
+
x: x,
|
|
98
|
+
y: y
|
|
99
|
+
})
|
|
100
|
+
});
|
|
101
|
+
},
|
|
102
|
+
doitstart(event) {
|
|
103
|
+
this.doit(event, this.data.touchstart);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{
|
|
2
|
-
"usingComponents": {},
|
|
3
|
-
"component": true
|
|
4
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"usingComponents": {},
|
|
3
|
+
"component": true
|
|
4
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<view>
|
|
2
|
-
<canvas type="2d" id="painter" style='width:{{width}}px;height:{{height}}px;' bindtouchstart="doitstart"></canvas>
|
|
3
|
-
<canvas wx:if="{{region}}" type="2d" id="region" style='width:{{width}}px;height:{{height}}px;' class="region"></canvas>
|
|
4
|
-
</view>
|
|
1
|
+
<view>
|
|
2
|
+
<canvas type="2d" id="painter" style='width:{{width}}px;height:{{height}}px;' bindtouchstart="doitstart"></canvas>
|
|
3
|
+
<canvas wx:if="{{region}}" type="2d" id="region" style='width:{{width}}px;height:{{height}}px;' class="region"></canvas>
|
|
4
|
+
</view>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* 辅助的区域不应该可以看见 */
|
|
2
|
-
.region {
|
|
3
|
-
position: fixed;
|
|
4
|
-
left: 50000px;
|
|
5
|
-
}
|
|
1
|
+
/* 辅助的区域不应该可以看见 */
|
|
2
|
+
.region {
|
|
3
|
+
position: fixed;
|
|
4
|
+
left: 50000px;
|
|
5
|
+
}
|
package/package/Buffer/index.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import Buffer from '../../src/common/webgl/buffer'
|
|
2
|
-
|
|
1
|
+
import Buffer from '../../src/common/webgl/buffer'
|
|
2
|
+
|
|
3
3
|
export default Buffer
|
package/package/Canvas/index.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import Canvas from "../../src/Canvas"
|
|
2
|
-
|
|
1
|
+
import Canvas from "../../src/Canvas"
|
|
2
|
+
|
|
3
3
|
export default Canvas
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import Cardinal from "../../src/interpolation/Cardinal"
|
|
2
|
-
|
|
1
|
+
import Cardinal from "../../src/interpolation/Cardinal"
|
|
2
|
+
|
|
3
3
|
export default Cardinal
|
package/package/Eoap/index.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import Eoap from "../../src/Eoap"
|
|
2
|
-
|
|
1
|
+
import Eoap from "../../src/Eoap"
|
|
2
|
+
|
|
3
3
|
export default Eoap
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import Geometry from "../../src/Geometry"
|
|
2
|
-
|
|
1
|
+
import Geometry from "../../src/Geometry"
|
|
2
|
+
|
|
3
3
|
export default Geometry
|
package/package/Hermite/index.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import Hermite from "../../src/interpolation/Hermite"
|
|
2
|
-
|
|
1
|
+
import Hermite from "../../src/interpolation/Hermite"
|
|
2
|
+
|
|
3
3
|
export default Hermite
|
package/package/Matrix4/index.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import Matrix4 from "../../src/Matrix4/index"
|
|
2
|
-
|
|
1
|
+
import Matrix4 from "../../src/Matrix4/index"
|
|
2
|
+
|
|
3
3
|
export default Matrix4
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import Mercator from "../../src/Mercator"
|
|
2
|
-
|
|
1
|
+
import Mercator from "../../src/Mercator"
|
|
2
|
+
|
|
3
3
|
export default Mercator
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import _Canvas from "../../src/common/canvas/index"
|
|
2
|
-
|
|
1
|
+
import _Canvas from "../../src/common/canvas/index"
|
|
2
|
+
|
|
3
3
|
export default _Canvas
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import _WebGL from "../../src/common/webgl/index"
|
|
2
|
-
|
|
1
|
+
import _WebGL from "../../src/common/webgl/index"
|
|
2
|
+
|
|
3
3
|
export default _WebGL
|
package/package/SVG/index.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import SVG from "../../src/SVG"
|
|
2
|
-
|
|
1
|
+
import SVG from "../../src/SVG"
|
|
2
|
+
|
|
3
3
|
export default SVG
|