vislite 1.6.0 → 1.6.1
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/AUTHORS.txt +6 -6
- package/CHANGELOG +8 -1
- package/LICENSE +20 -20
- package/lib/BarLayout/index.es.js +105 -105
- package/lib/BarLayout/index.es.min.js +2 -2
- package/lib/Buffer/index.es.js +1 -1
- package/lib/Buffer/index.es.min.js +1 -1
- package/lib/Canvas/index.es.js +1 -1
- package/lib/Canvas/index.es.min.js +1 -1
- package/lib/Cardinal/index.es.js +1 -1
- package/lib/Cardinal/index.es.min.js +1 -1
- package/lib/Eoap/index.es.js +1 -1
- package/lib/Eoap/index.es.min.js +1 -1
- package/lib/Hermite/index.es.js +1 -1
- package/lib/Hermite/index.es.min.js +1 -1
- package/lib/MapCoordinate/index.es.js +1 -1
- package/lib/MapCoordinate/index.es.min.js +1 -1
- package/lib/Matrix4/index.es.js +1 -1
- package/lib/Matrix4/index.es.min.js +1 -1
- package/lib/Mercator/index.es.js +1 -1
- package/lib/Mercator/index.es.min.js +1 -1
- package/lib/PieLayout/index.es.js +105 -105
- package/lib/PieLayout/index.es.min.js +2 -2
- package/lib/RawCanvas/index.es.js +1 -1
- package/lib/RawCanvas/index.es.min.js +1 -1
- package/lib/SVG/index.es.js +2 -2
- package/lib/SVG/index.es.min.js +2 -2
- package/lib/Shader/index.es.js +1 -1
- package/lib/Shader/index.es.min.js +1 -1
- package/lib/Texture/index.es.js +1 -1
- package/lib/Texture/index.es.min.js +1 -1
- package/lib/TreeLayout/index.es.js +105 -105
- package/lib/TreeLayout/index.es.min.js +2 -2
- package/lib/animation/index.es.js +105 -105
- package/lib/animation/index.es.min.js +2 -2
- package/lib/assemble/index.es.js +1 -1
- package/lib/assemble/index.es.min.js +1 -1
- package/lib/getLoopColors/index.es.js +1 -1
- package/lib/getLoopColors/index.es.min.js +1 -1
- package/lib/getWebGLContext/index.es.js +1 -1
- package/lib/getWebGLContext/index.es.min.js +1 -1
- package/lib/index.umd.js +156 -156
- package/lib/index.umd.min.js +5 -5
- package/lib/initOption/index.es.js +1 -1
- package/lib/initOption/index.es.min.js +1 -1
- package/lib/mergeOption/index.es.js +1 -1
- package/lib/mergeOption/index.es.min.js +1 -1
- package/lib/move/index.es.js +1 -1
- package/lib/move/index.es.min.js +1 -1
- package/lib/rotate/index.es.js +1 -1
- package/lib/rotate/index.es.min.js +1 -1
- package/lib/ruler/index.es.js +1 -1
- package/lib/ruler/index.es.min.js +1 -1
- package/lib/scale/index.es.js +1 -1
- package/lib/scale/index.es.min.js +1 -1
- package/lib/throttle/index.es.js +51 -51
- package/lib/throttle/index.es.min.js +2 -2
- package/minialipay/ui-canvas/drawImage.js +35 -35
- package/minialipay/ui-canvas/index.acss +4 -4
- package/minialipay/ui-canvas/index.axml +3 -3
- package/minialipay/ui-canvas/index.d.ts +1 -1
- package/minialipay/ui-canvas/index.js +100 -100
- package/minialipay/ui-canvas/index.json +6 -6
- package/miniprogram/ui-canvas/drawImage.js +35 -35
- package/miniprogram/ui-canvas/index.js +125 -125
- 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/BarLayout/index.ts +2 -2
- 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/Hermite/index.ts +2 -2
- package/package/MapCoordinate/index.ts +2 -2
- package/package/Matrix4/index.ts +2 -2
- package/package/Mercator/index.ts +2 -2
- package/package/PieLayout/index.ts +2 -2
- package/package/RawCanvas/index.ts +2 -2
- package/package/SVG/index.ts +2 -2
- package/package/Shader/index.ts +2 -2
- package/package/Texture/index.ts +2 -2
- package/package/TreeLayout/index.ts +2 -2
- package/package/animation/index.ts +5 -5
- package/package/assemble/index.ts +2 -2
- package/package/getLoopColors/index.ts +2 -2
- package/package/getWebGLContext/index.ts +40 -40
- package/package/index.ts +84 -84
- package/package/initOption/index.ts +2 -2
- package/package/mergeOption/index.ts +2 -2
- package/package/move/index.ts +2 -2
- package/package/rotate/index.ts +2 -2
- package/package/ruler/index.ts +2 -2
- package/package/scale/index.ts +2 -2
- package/package/throttle/index.ts +2 -2
- package/package.json +2 -2
- package/src/Eoap.ts +66 -66
- package/src/Matrix4/index.ts +84 -84
- 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/common/assemble.ts +22 -22
- package/src/common/canvas/arc.ts +51 -51
- package/src/common/canvas/config.ts +176 -176
- package/src/common/canvas/default.ts +64 -64
- package/src/common/canvas/gradient.ts +31 -31
- package/src/common/canvas/index.ts +188 -188
- package/src/common/canvas/texts.ts +18 -18
- package/src/common/map/getBoundary.ts +15 -15
- package/src/common/map/tool.ts +29 -29
- package/src/common/option.ts +29 -29
- package/src/common/setStyle.ts +5 -5
- package/src/common/svg/config.ts +213 -213
- package/src/common/svg/default.ts +29 -29
- package/src/common/svg/gradient.ts +53 -53
- package/src/common/svg/index.ts +332 -332
- package/src/common/svg/tool.ts +51 -51
- package/src/common/tree/index.ts +25 -25
- package/src/common/tree/toInnerTree.ts +61 -61
- package/src/common/type.ts +26 -26
- package/src/common/webgl/buffer.ts +79 -79
- package/src/common/webgl/getWebGLContext.ts +45 -45
- package/src/common/webgl/shader.ts +75 -75
- package/src/coordinate/MapCoordinate.ts +80 -80
- package/src/getLoopColors.ts +42 -42
- package/src/interpolation/Cardinal.ts +110 -110
- package/src/interpolation/Hermite.ts +65 -65
- package/src/move.ts +7 -7
- package/src/rotate.ts +7 -7
- package/src/ruler.ts +209 -209
- package/src/scale.ts +6 -6
- package/types/Bar.d.ts +91 -91
- package/types/BarConfig.d.ts +4 -4
- package/types/BarLayout.d.ts +48 -48
- package/types/BarOption.d.ts +31 -31
- package/types/Buffer.d.ts +23 -23
- package/types/CanvasConfig.d.ts +88 -88
- package/types/CanvasOption.d.ts +13 -13
- package/types/CanvasOpts.d.ts +9 -9
- package/types/Cardinal.d.ts +13 -13
- package/types/Gradient.d.ts +14 -14
- package/types/Hermite.d.ts +18 -18
- package/types/Map.d.ts +9 -9
- package/types/MapConfig.d.ts +27 -27
- package/types/MapCoordinate.d.ts +22 -22
- package/types/Matrix4.d.ts +47 -47
- package/types/Pie.d.ts +73 -73
- package/types/PieConfig.d.ts +26 -26
- package/types/PieLayout.d.ts +40 -40
- package/types/PieOption.d.ts +21 -21
- package/types/SVG.d.ts +247 -247
- package/types/SVGConfig.d.ts +71 -71
- package/types/Shader.d.ts +16 -16
- package/types/Texture.d.ts +16 -16
- package/types/Tree.d.ts +74 -74
- package/types/TreeConfig.d.ts +36 -36
- package/types/TreeLayout.d.ts +59 -59
- package/types/TreeOption.d.ts +48 -48
- package/types/animation.d.ts +11 -11
- package/types/assemble.d.ts +5 -5
- package/types/getLoopColors.d.ts +5 -5
- package/types/getWebGLContext.d.ts +7 -7
- package/types/index.d.ts +195 -195
- package/types/move.d.ts +5 -5
- package/types/option.d.ts +12 -12
- package/types/painterConfig.d.ts +4 -4
- package/types/rotate.d.ts +5 -5
- package/types/ruler.d.ts +10 -10
- package/types/scale.d.ts +5 -5
- package/types/throttle.d.ts +5 -5
- package/types/ui-canvas.d.ts +4 -4
- package/types/uni-canvas.d.ts +3 -3
- package/uni-app/drawImage.js +19 -19
- package/uni-app/ui-canvas.vue +295 -295
package/src/Matrix4/index.ts
CHANGED
|
@@ -1,85 +1,85 @@
|
|
|
1
|
-
import type Matrix4Type from '../../types/Matrix4'
|
|
2
|
-
|
|
3
|
-
// 两个4x4矩阵相乘
|
|
4
|
-
// 或矩阵和齐次坐标相乘
|
|
5
|
-
const _multiply = function (matrix4: number[], param: number[]) {
|
|
6
|
-
const newParam: number[] = []
|
|
7
|
-
for (let i = 0; i < 4; i++)
|
|
8
|
-
for (let j = 0; j < param.length / 4; j++)
|
|
9
|
-
newParam[j * 4 + i] =
|
|
10
|
-
matrix4[i] * param[j * 4] +
|
|
11
|
-
matrix4[i + 4] * param[j * 4 + 1] +
|
|
12
|
-
matrix4[i + 8] * param[j * 4 + 2] +
|
|
13
|
-
matrix4[i + 12] * param[j * 4 + 3]
|
|
14
|
-
return newParam
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
import _move from './move'
|
|
18
|
-
import _rotate from './rotate'
|
|
19
|
-
import _scale from './scale'
|
|
20
|
-
import _transform from './transform'
|
|
21
|
-
|
|
22
|
-
// 列主序存储的4x4矩阵
|
|
23
|
-
|
|
24
|
-
const __initMatrix4 = [
|
|
25
|
-
1, 0, 0, 0,
|
|
26
|
-
0, 1, 0, 0,
|
|
27
|
-
0, 0, 1, 0,
|
|
28
|
-
0, 0, 0, 1
|
|
29
|
-
]
|
|
30
|
-
|
|
31
|
-
class Matrix4 implements Matrix4Type {
|
|
32
|
-
readonly name: string = 'Matrix4'
|
|
33
|
-
|
|
34
|
-
private __matrix4: number[]
|
|
35
|
-
|
|
36
|
-
constructor(initMatrix4: number[] = __initMatrix4) {
|
|
37
|
-
this.__matrix4 = initMatrix4
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
// 设置内置矩阵
|
|
41
|
-
setValue(initMatrix4: number[] = __initMatrix4) {
|
|
42
|
-
this.__matrix4 = initMatrix4
|
|
43
|
-
return this
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
// 移动
|
|
47
|
-
move(dis: number, a: number, b: number, c: number = 0) {
|
|
48
|
-
this.__matrix4 = _multiply(_move(dis, a, b, c), this.__matrix4)
|
|
49
|
-
return this
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
// 旋转
|
|
53
|
-
rotate(deg: number, a1: number, b1: number, c1?: number, a2?: number, b2?: number, c2?: number) {
|
|
54
|
-
const matrix4s = _transform(a1, b1, c1, a2, b2, c2)
|
|
55
|
-
this.__matrix4 = _multiply(_multiply(_multiply(matrix4s[1], _rotate(deg)), matrix4s[0]), this.__matrix4)
|
|
56
|
-
return this
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
// 缩放
|
|
60
|
-
scale(xTimes: number, yTimes: number, zTimes: number, cx: number = 0, cy: number = 0, cz: number = 0) {
|
|
61
|
-
this.__matrix4 = _multiply(_scale(xTimes, yTimes, zTimes, cx, cy, cz), this.__matrix4)
|
|
62
|
-
return this
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
// 乘法
|
|
66
|
-
// 可以传入一个矩阵(matrix4,flag)
|
|
67
|
-
multiply(newMatrix4: number[], flag: boolean = false) {
|
|
68
|
-
this.__matrix4 = flag ? _multiply(this.__matrix4, newMatrix4) : _multiply(newMatrix4, this.__matrix4)
|
|
69
|
-
return this
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
// 对一个坐标应用变换
|
|
73
|
-
// 齐次坐标(x,y,z,w)
|
|
74
|
-
use(x: number, y: number, z: number = 0, w: number = 1): [number, number, number, number] {
|
|
75
|
-
// w为0表示点位于无穷远处,忽略
|
|
76
|
-
return _multiply(this.__matrix4, [x, y, z, w]) as [number, number, number, number]
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
// 矩阵的值
|
|
80
|
-
value() {
|
|
81
|
-
return this.__matrix4
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
1
|
+
import type Matrix4Type from '../../types/Matrix4'
|
|
2
|
+
|
|
3
|
+
// 两个4x4矩阵相乘
|
|
4
|
+
// 或矩阵和齐次坐标相乘
|
|
5
|
+
const _multiply = function (matrix4: number[], param: number[]) {
|
|
6
|
+
const newParam: number[] = []
|
|
7
|
+
for (let i = 0; i < 4; i++)
|
|
8
|
+
for (let j = 0; j < param.length / 4; j++)
|
|
9
|
+
newParam[j * 4 + i] =
|
|
10
|
+
matrix4[i] * param[j * 4] +
|
|
11
|
+
matrix4[i + 4] * param[j * 4 + 1] +
|
|
12
|
+
matrix4[i + 8] * param[j * 4 + 2] +
|
|
13
|
+
matrix4[i + 12] * param[j * 4 + 3]
|
|
14
|
+
return newParam
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
import _move from './move'
|
|
18
|
+
import _rotate from './rotate'
|
|
19
|
+
import _scale from './scale'
|
|
20
|
+
import _transform from './transform'
|
|
21
|
+
|
|
22
|
+
// 列主序存储的4x4矩阵
|
|
23
|
+
|
|
24
|
+
const __initMatrix4 = [
|
|
25
|
+
1, 0, 0, 0,
|
|
26
|
+
0, 1, 0, 0,
|
|
27
|
+
0, 0, 1, 0,
|
|
28
|
+
0, 0, 0, 1
|
|
29
|
+
]
|
|
30
|
+
|
|
31
|
+
class Matrix4 implements Matrix4Type {
|
|
32
|
+
readonly name: string = 'Matrix4'
|
|
33
|
+
|
|
34
|
+
private __matrix4: number[]
|
|
35
|
+
|
|
36
|
+
constructor(initMatrix4: number[] = __initMatrix4) {
|
|
37
|
+
this.__matrix4 = initMatrix4
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// 设置内置矩阵
|
|
41
|
+
setValue(initMatrix4: number[] = __initMatrix4) {
|
|
42
|
+
this.__matrix4 = initMatrix4
|
|
43
|
+
return this
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
// 移动
|
|
47
|
+
move(dis: number, a: number, b: number, c: number = 0) {
|
|
48
|
+
this.__matrix4 = _multiply(_move(dis, a, b, c), this.__matrix4)
|
|
49
|
+
return this
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
// 旋转
|
|
53
|
+
rotate(deg: number, a1: number, b1: number, c1?: number, a2?: number, b2?: number, c2?: number) {
|
|
54
|
+
const matrix4s = _transform(a1, b1, c1, a2, b2, c2)
|
|
55
|
+
this.__matrix4 = _multiply(_multiply(_multiply(matrix4s[1], _rotate(deg)), matrix4s[0]), this.__matrix4)
|
|
56
|
+
return this
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
// 缩放
|
|
60
|
+
scale(xTimes: number, yTimes: number, zTimes: number, cx: number = 0, cy: number = 0, cz: number = 0) {
|
|
61
|
+
this.__matrix4 = _multiply(_scale(xTimes, yTimes, zTimes, cx, cy, cz), this.__matrix4)
|
|
62
|
+
return this
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
// 乘法
|
|
66
|
+
// 可以传入一个矩阵(matrix4,flag)
|
|
67
|
+
multiply(newMatrix4: number[], flag: boolean = false) {
|
|
68
|
+
this.__matrix4 = flag ? _multiply(this.__matrix4, newMatrix4) : _multiply(newMatrix4, this.__matrix4)
|
|
69
|
+
return this
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
// 对一个坐标应用变换
|
|
73
|
+
// 齐次坐标(x,y,z,w)
|
|
74
|
+
use(x: number, y: number, z: number = 0, w: number = 1): [number, number, number, number] {
|
|
75
|
+
// w为0表示点位于无穷远处,忽略
|
|
76
|
+
return _multiply(this.__matrix4, [x, y, z, w]) as [number, number, number, number]
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
// 矩阵的值
|
|
80
|
+
value() {
|
|
81
|
+
return this.__matrix4
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
85
|
export default Matrix4
|
package/src/Matrix4/move.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 在(a,b,c)方向位移d
|
|
3
|
-
*/
|
|
4
|
-
export default function (d: number, a: number, b: number, c: number = 0) {
|
|
5
|
-
const sqrt = Math.sqrt(a * a + b * b + c * c)
|
|
6
|
-
return [
|
|
7
|
-
1, 0, 0, 0,
|
|
8
|
-
0, 1, 0, 0,
|
|
9
|
-
0, 0, 1, 0,
|
|
10
|
-
a * d / sqrt, b * d / sqrt, c * d / sqrt, 1
|
|
11
|
-
]
|
|
12
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* 在(a,b,c)方向位移d
|
|
3
|
+
*/
|
|
4
|
+
export default function (d: number, a: number, b: number, c: number = 0) {
|
|
5
|
+
const sqrt = Math.sqrt(a * a + b * b + c * c)
|
|
6
|
+
return [
|
|
7
|
+
1, 0, 0, 0,
|
|
8
|
+
0, 1, 0, 0,
|
|
9
|
+
0, 0, 1, 0,
|
|
10
|
+
a * d / sqrt, b * d / sqrt, c * d / sqrt, 1
|
|
11
|
+
]
|
|
12
|
+
}
|
package/src/Matrix4/rotate.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 围绕OZ轴旋转
|
|
3
|
-
* 其它的旋转可以借助transform实现
|
|
4
|
-
* 旋转角度单位采用弧度制
|
|
5
|
-
*/
|
|
6
|
-
export default function (deg: number) {
|
|
7
|
-
const sin = Math.sin(deg),
|
|
8
|
-
cos = Math.cos(deg)
|
|
9
|
-
return [
|
|
10
|
-
cos, sin, 0, 0,
|
|
11
|
-
-sin, cos, 0, 0,
|
|
12
|
-
0, 0, 1, 0,
|
|
13
|
-
0, 0, 0, 1
|
|
14
|
-
]
|
|
15
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* 围绕OZ轴旋转
|
|
3
|
+
* 其它的旋转可以借助transform实现
|
|
4
|
+
* 旋转角度单位采用弧度制
|
|
5
|
+
*/
|
|
6
|
+
export default function (deg: number) {
|
|
7
|
+
const sin = Math.sin(deg),
|
|
8
|
+
cos = Math.cos(deg)
|
|
9
|
+
return [
|
|
10
|
+
cos, sin, 0, 0,
|
|
11
|
+
-sin, cos, 0, 0,
|
|
12
|
+
0, 0, 1, 0,
|
|
13
|
+
0, 0, 0, 1
|
|
14
|
+
]
|
|
15
|
+
}
|
package/src/Matrix4/scale.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 围绕圆心x、y和z分别缩放xTimes, yTimes和zTimes倍
|
|
3
|
-
*/
|
|
4
|
-
export default function (xTimes: number, yTimes: number, zTimes: number, cx: number = 0, cy: number = 0, cz: number = 0) {
|
|
5
|
-
return [
|
|
6
|
-
xTimes, 0, 0, 0,
|
|
7
|
-
0, yTimes, 0, 0,
|
|
8
|
-
0, 0, zTimes, 0,
|
|
9
|
-
cx - cx * xTimes, cy - cy * yTimes, cz - cz * zTimes, 1
|
|
10
|
-
]
|
|
11
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* 围绕圆心x、y和z分别缩放xTimes, yTimes和zTimes倍
|
|
3
|
+
*/
|
|
4
|
+
export default function (xTimes: number, yTimes: number, zTimes: number, cx: number = 0, cy: number = 0, cz: number = 0) {
|
|
5
|
+
return [
|
|
6
|
+
xTimes, 0, 0, 0,
|
|
7
|
+
0, yTimes, 0, 0,
|
|
8
|
+
0, 0, zTimes, 0,
|
|
9
|
+
cx - cx * xTimes, cy - cy * yTimes, cz - cz * zTimes, 1
|
|
10
|
+
]
|
|
11
|
+
}
|
package/src/Matrix4/transform.ts
CHANGED
|
@@ -1,64 +1,64 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 针对任意射线(a1,b1,c1)->(a2,b2,c2)
|
|
3
|
-
* 计算出两个变换矩阵
|
|
4
|
-
* 分别为:任意射线变成OZ轴变换矩阵 + OZ轴变回原来的射线的变换矩阵
|
|
5
|
-
*/
|
|
6
|
-
export default function (a1: number, b1: number, c1?: number, a2?: number, b2?: number, c2?: number) {
|
|
7
|
-
|
|
8
|
-
if (typeof a1 === 'number' && typeof b1 === 'number') {
|
|
9
|
-
|
|
10
|
-
// 如果设置两个点
|
|
11
|
-
// 表示二维上围绕某个点旋转
|
|
12
|
-
if (typeof c1 !== 'number') {
|
|
13
|
-
c1 = 0
|
|
14
|
-
a2 = a1
|
|
15
|
-
b2 = b1
|
|
16
|
-
c2 = 1
|
|
17
|
-
}
|
|
18
|
-
// 只设置三个点(设置不足六个点都认为只设置了三个点)
|
|
19
|
-
// 表示围绕从原点出发的射线旋转
|
|
20
|
-
else if (typeof a2 !== 'number' || typeof b2 !== 'number' || typeof c2 !== 'number') {
|
|
21
|
-
a2 = a1
|
|
22
|
-
b2 = b1
|
|
23
|
-
c2 = c1
|
|
24
|
-
a1 = 0
|
|
25
|
-
b1 = 0
|
|
26
|
-
c1 = 0
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
if (a1 == a2 && b1 == b2 && c1 == c2) throw new Error('It\'s not a legitimate ray!')
|
|
30
|
-
|
|
31
|
-
const sqrt1 = Math.sqrt((a2 - a1) * (a2 - a1) + (b2 - b1) * (b2 - b1)),
|
|
32
|
-
cos1 = sqrt1 != 0 ? (b2 - b1) / sqrt1 : 1,
|
|
33
|
-
sin1 = sqrt1 != 0 ? (a2 - a1) / sqrt1 : 0,
|
|
34
|
-
|
|
35
|
-
b = (a2 - a1) * sin1 + (b2 - b1) * cos1,
|
|
36
|
-
c = c2 - c1,
|
|
37
|
-
|
|
38
|
-
sqrt2 = Math.sqrt(b * b + c * c),
|
|
39
|
-
cos2 = sqrt2 != 0 ? c / sqrt2 : 1,
|
|
40
|
-
sin2 = sqrt2 != 0 ? b / sqrt2 : 0
|
|
41
|
-
|
|
42
|
-
return [
|
|
43
|
-
|
|
44
|
-
// 任意射线变成OZ轴变换矩阵
|
|
45
|
-
[
|
|
46
|
-
cos1, cos2 * sin1, sin1 * sin2, 0,
|
|
47
|
-
-sin1, cos1 * cos2, cos1 * sin2, 0,
|
|
48
|
-
0, -sin2, cos2, 0,
|
|
49
|
-
b1 * sin1 - a1 * cos1, c1 * sin2 - a1 * sin1 * cos2 - b1 * cos1 * cos2, -a1 * sin1 * sin2 - b1 * cos1 * sin2 - c1 * cos2, 1
|
|
50
|
-
],
|
|
51
|
-
|
|
52
|
-
// OZ轴变回原来的射线的变换矩阵
|
|
53
|
-
[
|
|
54
|
-
cos1, -sin1, 0, 0,
|
|
55
|
-
cos2 * sin1, cos2 * cos1, -sin2, 0,
|
|
56
|
-
sin1 * sin2, cos1 * sin2, cos2, 0,
|
|
57
|
-
a1, b1, c1, 1
|
|
58
|
-
]
|
|
59
|
-
|
|
60
|
-
]
|
|
61
|
-
} else {
|
|
62
|
-
throw new Error('a1 and b1 is required!')
|
|
63
|
-
}
|
|
64
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* 针对任意射线(a1,b1,c1)->(a2,b2,c2)
|
|
3
|
+
* 计算出两个变换矩阵
|
|
4
|
+
* 分别为:任意射线变成OZ轴变换矩阵 + OZ轴变回原来的射线的变换矩阵
|
|
5
|
+
*/
|
|
6
|
+
export default function (a1: number, b1: number, c1?: number, a2?: number, b2?: number, c2?: number) {
|
|
7
|
+
|
|
8
|
+
if (typeof a1 === 'number' && typeof b1 === 'number') {
|
|
9
|
+
|
|
10
|
+
// 如果设置两个点
|
|
11
|
+
// 表示二维上围绕某个点旋转
|
|
12
|
+
if (typeof c1 !== 'number') {
|
|
13
|
+
c1 = 0
|
|
14
|
+
a2 = a1
|
|
15
|
+
b2 = b1
|
|
16
|
+
c2 = 1
|
|
17
|
+
}
|
|
18
|
+
// 只设置三个点(设置不足六个点都认为只设置了三个点)
|
|
19
|
+
// 表示围绕从原点出发的射线旋转
|
|
20
|
+
else if (typeof a2 !== 'number' || typeof b2 !== 'number' || typeof c2 !== 'number') {
|
|
21
|
+
a2 = a1
|
|
22
|
+
b2 = b1
|
|
23
|
+
c2 = c1
|
|
24
|
+
a1 = 0
|
|
25
|
+
b1 = 0
|
|
26
|
+
c1 = 0
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
if (a1 == a2 && b1 == b2 && c1 == c2) throw new Error('It\'s not a legitimate ray!')
|
|
30
|
+
|
|
31
|
+
const sqrt1 = Math.sqrt((a2 - a1) * (a2 - a1) + (b2 - b1) * (b2 - b1)),
|
|
32
|
+
cos1 = sqrt1 != 0 ? (b2 - b1) / sqrt1 : 1,
|
|
33
|
+
sin1 = sqrt1 != 0 ? (a2 - a1) / sqrt1 : 0,
|
|
34
|
+
|
|
35
|
+
b = (a2 - a1) * sin1 + (b2 - b1) * cos1,
|
|
36
|
+
c = c2 - c1,
|
|
37
|
+
|
|
38
|
+
sqrt2 = Math.sqrt(b * b + c * c),
|
|
39
|
+
cos2 = sqrt2 != 0 ? c / sqrt2 : 1,
|
|
40
|
+
sin2 = sqrt2 != 0 ? b / sqrt2 : 0
|
|
41
|
+
|
|
42
|
+
return [
|
|
43
|
+
|
|
44
|
+
// 任意射线变成OZ轴变换矩阵
|
|
45
|
+
[
|
|
46
|
+
cos1, cos2 * sin1, sin1 * sin2, 0,
|
|
47
|
+
-sin1, cos1 * cos2, cos1 * sin2, 0,
|
|
48
|
+
0, -sin2, cos2, 0,
|
|
49
|
+
b1 * sin1 - a1 * cos1, c1 * sin2 - a1 * sin1 * cos2 - b1 * cos1 * cos2, -a1 * sin1 * sin2 - b1 * cos1 * sin2 - c1 * cos2, 1
|
|
50
|
+
],
|
|
51
|
+
|
|
52
|
+
// OZ轴变回原来的射线的变换矩阵
|
|
53
|
+
[
|
|
54
|
+
cos1, -sin1, 0, 0,
|
|
55
|
+
cos2 * sin1, cos2 * cos1, -sin2, 0,
|
|
56
|
+
sin1 * sin2, cos1 * sin2, cos2, 0,
|
|
57
|
+
a1, b1, c1, 1
|
|
58
|
+
]
|
|
59
|
+
|
|
60
|
+
]
|
|
61
|
+
} else {
|
|
62
|
+
throw new Error('a1 and b1 is required!')
|
|
63
|
+
}
|
|
64
|
+
}
|
package/src/Mercator.ts
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import type MapType from '../types/Map'
|
|
2
|
-
|
|
3
|
-
/* 墨卡托投影 */
|
|
4
|
-
class Mercator implements MapType {
|
|
5
|
-
readonly name: string = 'Mercator'
|
|
6
|
-
|
|
7
|
-
use: (λ: number, φ: number) => [number, number, number]
|
|
8
|
-
constructor(scale: number = 7, center: number[] = [107, 36]) {
|
|
9
|
-
|
|
10
|
-
const perimeter = 100 * scale * Math.PI // 半周长
|
|
11
|
-
|
|
12
|
-
const help = perimeter / 180
|
|
13
|
-
|
|
14
|
-
const cx = help * center[0] // 中心横坐标
|
|
15
|
-
const cy = -1 * help * center[1] // 中心纵坐标
|
|
16
|
-
|
|
17
|
-
this.use = (λ: number, φ: number) => {
|
|
18
|
-
return [
|
|
19
|
-
(help * λ - cx) * 0.8,
|
|
20
|
-
-1 * help * φ - cy,
|
|
21
|
-
0
|
|
22
|
-
]
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
|
|
1
|
+
import type MapType from '../types/Map'
|
|
2
|
+
|
|
3
|
+
/* 墨卡托投影 */
|
|
4
|
+
class Mercator implements MapType {
|
|
5
|
+
readonly name: string = 'Mercator'
|
|
6
|
+
|
|
7
|
+
use: (λ: number, φ: number) => [number, number, number]
|
|
8
|
+
constructor(scale: number = 7, center: number[] = [107, 36]) {
|
|
9
|
+
|
|
10
|
+
const perimeter = 100 * scale * Math.PI // 半周长
|
|
11
|
+
|
|
12
|
+
const help = perimeter / 180
|
|
13
|
+
|
|
14
|
+
const cx = help * center[0] // 中心横坐标
|
|
15
|
+
const cy = -1 * help * center[1] // 中心纵坐标
|
|
16
|
+
|
|
17
|
+
this.use = (λ: number, φ: number) => {
|
|
18
|
+
return [
|
|
19
|
+
(help * λ - cx) * 0.8,
|
|
20
|
+
-1 * help * φ - cy,
|
|
21
|
+
0
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
}
|
|
27
|
+
|
|
28
28
|
export default Mercator
|
package/src/common/assemble.ts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
export default function (begin: number, end: number, step: number, count: number) {
|
|
2
|
-
const val: Array<number> = []
|
|
3
|
-
for (let index = 0; index < count; index++) val[index] = begin
|
|
4
|
-
|
|
5
|
-
// 非常类似进制数,每次调用都+1
|
|
6
|
-
return function () {
|
|
7
|
-
for (let i = 0; i < count; i++) {
|
|
8
|
-
|
|
9
|
-
// 如果当前位可以进1
|
|
10
|
-
if (val[i] + step < end) {
|
|
11
|
-
val[i] = +(val[i] + step).toFixed(7)
|
|
12
|
-
break
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
// 如果当前位不可以,那当前位归0,尝试下一位
|
|
16
|
-
else if (i < count - 1) {
|
|
17
|
-
val[i] = begin
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
return val
|
|
22
|
-
}
|
|
1
|
+
export default function (begin: number, end: number, step: number, count: number) {
|
|
2
|
+
const val: Array<number> = []
|
|
3
|
+
for (let index = 0; index < count; index++) val[index] = begin
|
|
4
|
+
|
|
5
|
+
// 非常类似进制数,每次调用都+1
|
|
6
|
+
return function () {
|
|
7
|
+
for (let i = 0; i < count; i++) {
|
|
8
|
+
|
|
9
|
+
// 如果当前位可以进1
|
|
10
|
+
if (val[i] + step < end) {
|
|
11
|
+
val[i] = +(val[i] + step).toFixed(7)
|
|
12
|
+
break
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
// 如果当前位不可以,那当前位归0,尝试下一位
|
|
16
|
+
else if (i < count - 1) {
|
|
17
|
+
val[i] = begin
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
return val
|
|
22
|
+
}
|
|
23
23
|
}
|
package/src/common/canvas/arc.ts
CHANGED
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
|
|
2
|
-
// 点(x,y)围绕中心(cx,cy)旋转deg度
|
|
3
|
-
|
|
4
|
-
const rotate = function (cx: number, cy: number, deg: number, x: number, y: number) {
|
|
5
|
-
const cos = Math.cos(deg), sin = Math.sin(deg)
|
|
6
|
-
return [
|
|
7
|
-
+((x - cx) * cos - (y - cy) * sin + cx).toFixed(7),
|
|
8
|
-
+((x - cx) * sin + (y - cy) * cos + cy).toFixed(7)
|
|
9
|
-
]
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
// r1和r2,内半径和外半径
|
|
13
|
-
// beginA起点弧度,rotateA旋转弧度式
|
|
14
|
-
|
|
15
|
-
export default function (beginA: number, rotateA: number, cx: number, cy: number, r1: number, r2: number, doback: Function) {
|
|
16
|
-
|
|
17
|
-
// 保证逆时针也是可以的
|
|
18
|
-
if (rotateA < 0) {
|
|
19
|
-
beginA += rotateA
|
|
20
|
-
rotateA *= -1
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
const temp: number[] = []
|
|
24
|
-
let p: number[]
|
|
25
|
-
|
|
26
|
-
// 内部
|
|
27
|
-
p = rotate(0, 0, beginA, r1, 0)
|
|
28
|
-
temp[0] = p[0]
|
|
29
|
-
temp[1] = p[1]
|
|
30
|
-
p = rotate(0, 0, rotateA, p[0], p[1])
|
|
31
|
-
temp[2] = p[0]
|
|
32
|
-
temp[3] = p[1]
|
|
33
|
-
|
|
34
|
-
// 外部
|
|
35
|
-
p = rotate(0, 0, beginA, r2, 0)
|
|
36
|
-
temp[4] = p[0]
|
|
37
|
-
temp[5] = p[1]
|
|
38
|
-
p = rotate(0, 0, rotateA, p[0], p[1])
|
|
39
|
-
temp[6] = p[0]
|
|
40
|
-
temp[7] = p[1]
|
|
41
|
-
|
|
42
|
-
doback(
|
|
43
|
-
beginA, beginA + rotateA,
|
|
44
|
-
temp[0] + cx, temp[1] + cy,
|
|
45
|
-
temp[4] + cx, temp[5] + cy,
|
|
46
|
-
temp[2] + cx, temp[3] + cy,
|
|
47
|
-
temp[6] + cx, temp[7] + cy,
|
|
48
|
-
(r2 - r1) * 0.5
|
|
49
|
-
)
|
|
50
|
-
|
|
51
|
-
}
|
|
1
|
+
|
|
2
|
+
// 点(x,y)围绕中心(cx,cy)旋转deg度
|
|
3
|
+
|
|
4
|
+
const rotate = function (cx: number, cy: number, deg: number, x: number, y: number) {
|
|
5
|
+
const cos = Math.cos(deg), sin = Math.sin(deg)
|
|
6
|
+
return [
|
|
7
|
+
+((x - cx) * cos - (y - cy) * sin + cx).toFixed(7),
|
|
8
|
+
+((x - cx) * sin + (y - cy) * cos + cy).toFixed(7)
|
|
9
|
+
]
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
// r1和r2,内半径和外半径
|
|
13
|
+
// beginA起点弧度,rotateA旋转弧度式
|
|
14
|
+
|
|
15
|
+
export default function (beginA: number, rotateA: number, cx: number, cy: number, r1: number, r2: number, doback: Function) {
|
|
16
|
+
|
|
17
|
+
// 保证逆时针也是可以的
|
|
18
|
+
if (rotateA < 0) {
|
|
19
|
+
beginA += rotateA
|
|
20
|
+
rotateA *= -1
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
const temp: number[] = []
|
|
24
|
+
let p: number[]
|
|
25
|
+
|
|
26
|
+
// 内部
|
|
27
|
+
p = rotate(0, 0, beginA, r1, 0)
|
|
28
|
+
temp[0] = p[0]
|
|
29
|
+
temp[1] = p[1]
|
|
30
|
+
p = rotate(0, 0, rotateA, p[0], p[1])
|
|
31
|
+
temp[2] = p[0]
|
|
32
|
+
temp[3] = p[1]
|
|
33
|
+
|
|
34
|
+
// 外部
|
|
35
|
+
p = rotate(0, 0, beginA, r2, 0)
|
|
36
|
+
temp[4] = p[0]
|
|
37
|
+
temp[5] = p[1]
|
|
38
|
+
p = rotate(0, 0, rotateA, p[0], p[1])
|
|
39
|
+
temp[6] = p[0]
|
|
40
|
+
temp[7] = p[1]
|
|
41
|
+
|
|
42
|
+
doback(
|
|
43
|
+
beginA, beginA + rotateA,
|
|
44
|
+
temp[0] + cx, temp[1] + cy,
|
|
45
|
+
temp[4] + cx, temp[5] + cy,
|
|
46
|
+
temp[2] + cx, temp[3] + cy,
|
|
47
|
+
temp[6] + cx, temp[7] + cy,
|
|
48
|
+
(r2 - r1) * 0.5
|
|
49
|
+
)
|
|
50
|
+
|
|
51
|
+
}
|