vislite 0.6.0-alpha.2 → 0.6.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.
Files changed (104) hide show
  1. package/.eslintrc.js +3 -1
  2. package/CHANGELOG +1 -1
  3. package/README.md +11 -3
  4. package/lib/Buffer/index.umd.js +2 -2
  5. package/lib/Buffer/index.umd.min.js +2 -2
  6. package/lib/Canvas/index.umd.js +2 -2
  7. package/lib/Canvas/index.umd.min.js +2 -2
  8. package/lib/Cardinal/index.umd.js +2 -2
  9. package/lib/Cardinal/index.umd.min.js +2 -2
  10. package/lib/Eoap/index.umd.js +2 -2
  11. package/lib/Eoap/index.umd.min.js +2 -2
  12. package/lib/Geometry/index.umd.js +2 -2
  13. package/lib/Geometry/index.umd.min.js +2 -2
  14. package/lib/Hermite/index.umd.js +2 -2
  15. package/lib/Hermite/index.umd.min.js +2 -2
  16. package/lib/Matrix4/index.umd.js +2 -2
  17. package/lib/Matrix4/index.umd.min.js +2 -2
  18. package/lib/Mercator/index.umd.js +2 -2
  19. package/lib/Mercator/index.umd.min.js +2 -2
  20. package/lib/OralCanvas/index.es.js +2 -2
  21. package/lib/OralCanvas/index.es.min.js +2 -2
  22. package/lib/OralWebGL/index.es.js +2 -2
  23. package/lib/OralWebGL/index.es.min.js +2 -2
  24. package/lib/SVG/index.umd.js +2 -2
  25. package/lib/SVG/index.umd.min.js +2 -2
  26. package/lib/Shader/index.umd.js +2 -2
  27. package/lib/Shader/index.umd.min.js +2 -2
  28. package/lib/Texture/index.umd.js +2 -2
  29. package/lib/Texture/index.umd.min.js +2 -2
  30. package/lib/TreeLayout/index.umd.js +2 -2
  31. package/lib/TreeLayout/index.umd.min.js +2 -2
  32. package/lib/WebGL/index.umd.js +2 -2
  33. package/lib/WebGL/index.umd.min.js +2 -2
  34. package/lib/animation/index.umd.js +2 -2
  35. package/lib/animation/index.umd.min.js +2 -2
  36. package/lib/formatColor/index.umd.js +2 -2
  37. package/lib/formatColor/index.umd.min.js +2 -2
  38. package/lib/getLoopColors/index.umd.js +2 -2
  39. package/lib/getLoopColors/index.umd.min.js +2 -2
  40. package/lib/getWebGLContext/index.umd.js +2 -2
  41. package/lib/getWebGLContext/index.umd.min.js +2 -2
  42. package/lib/index.umd.js +2 -2
  43. package/lib/index.umd.min.js +2 -2
  44. package/lib/move/index.umd.js +2 -2
  45. package/lib/move/index.umd.min.js +2 -2
  46. package/lib/resizeObserver/index.umd.js +2 -2
  47. package/lib/resizeObserver/index.umd.min.js +2 -2
  48. package/lib/rotate/index.umd.js +2 -2
  49. package/lib/rotate/index.umd.min.js +2 -2
  50. package/lib/ruler/index.umd.js +2 -2
  51. package/lib/ruler/index.umd.min.js +2 -2
  52. package/lib/scale/index.umd.js +2 -2
  53. package/lib/scale/index.umd.min.js +2 -2
  54. package/lib/throttle/index.umd.js +2 -2
  55. package/lib/throttle/index.umd.min.js +2 -2
  56. package/lib/viewHandler/index.umd.js +2 -2
  57. package/lib/viewHandler/index.umd.min.js +2 -2
  58. package/package.json +1 -1
  59. package/src/Canvas.ts +70 -70
  60. package/src/Eoap.ts +66 -66
  61. package/src/Geometry.ts +82 -82
  62. package/src/Matrix4/move.ts +12 -12
  63. package/src/Matrix4/rotate.ts +15 -15
  64. package/src/Matrix4/transform.ts +64 -64
  65. package/src/Mercator.ts +27 -27
  66. package/src/SVG.ts +24 -24
  67. package/src/WebGL.ts +66 -66
  68. package/src/animation.ts +98 -98
  69. package/src/common/assemble.ts +22 -22
  70. package/src/common/canvas/arc.ts +51 -51
  71. package/src/common/canvas/config.ts +158 -158
  72. package/src/common/canvas/gradient.ts +29 -29
  73. package/src/common/canvas/painter.ts +417 -417
  74. package/src/common/geometry/prism-horizontal.ts +35 -35
  75. package/src/common/geometry/prism-vertical.ts +40 -40
  76. package/src/common/geometry/sphere-fragment.ts +40 -40
  77. package/src/common/geometry/tool/circle.ts +11 -11
  78. package/src/common/mergeOption.ts +6 -6
  79. package/src/common/setStyle.ts +5 -5
  80. package/src/common/svg/config.ts +186 -186
  81. package/src/common/svg/gradient.ts +63 -63
  82. package/src/common/svg/index.ts +356 -356
  83. package/src/common/svg/tool.ts +44 -44
  84. package/src/common/tree/toInnerTree.ts +57 -57
  85. package/src/common/tree/toPlainTree.ts +132 -132
  86. package/src/common/webgl/buffer.ts +79 -79
  87. package/src/common/webgl/doDraw.ts +108 -108
  88. package/src/common/webgl/getColorFactory.ts +26 -26
  89. package/src/common/webgl/getShader.ts +48 -48
  90. package/src/common/webgl/getTexture.ts +11 -11
  91. package/src/common/webgl/getWebGLContext.ts +28 -28
  92. package/src/common/webgl/index.ts +224 -224
  93. package/src/common/webgl/shader.ts +75 -75
  94. package/src/common/webgl/texture.ts +97 -97
  95. package/src/formatColor.ts +44 -44
  96. package/src/getLoopColors.ts +42 -42
  97. package/src/interpolation/Cardinal.ts +110 -110
  98. package/src/interpolation/Hermite.ts +65 -65
  99. package/src/move.ts +7 -7
  100. package/src/resizeObserver.ts +37 -37
  101. package/src/rotate.ts +7 -7
  102. package/src/throttle.ts +52 -52
  103. package/src/viewHandler.ts +158 -158
  104. package/types/CanvasOption.d.ts +8 -8
package/src/common/svg/gradient.ts CHANGED
@@ -1,63 +1,63 @@
1
- import { initDefs } from './config'
2
- import { toNode, setAttribute } from "./tool"
3
-
4
- // 线性渐变
5
- export const linearGradient = function (el: SVGElement, x0: number, y0: number, x1: number, y1: number) {
6
-
7
- const defs = initDefs(el)
8
- const gradientId = "vislite-lg-" + new Date().valueOf() + "-" + Math.random()
9
-
10
- const linearGradient = toNode("linearGradient")
11
- defs.appendChild(linearGradient)
12
- setAttribute(linearGradient, "id", gradientId)
13
- setAttribute(linearGradient, "x1", x0 + "%")
14
- setAttribute(linearGradient, "y1", y0 + "%")
15
- setAttribute(linearGradient, "x2", x1 + "%")
16
- setAttribute(linearGradient, "y2", y1 + "%")
17
-
18
- const enhanceGradient = {
19
- "value": function () {
20
- return "url(#" + gradientId + ")";
21
- },
22
- "setColor": function (stop: number, color: string) {
23
-
24
- const stopEl = toNode("stop")
25
- linearGradient.appendChild(stopEl)
26
- setAttribute(stopEl, "offset", (stop * 100) + "%")
27
- setAttribute(stopEl, "style", "stop-color:" + color + ";")
28
-
29
- return enhanceGradient
30
- }
31
- }
32
- return enhanceGradient
33
- }
34
-
35
- // 环形渐变
36
- export const radialGradient = function (el: SVGElement, cx: number, cy: number, r: number) {
37
-
38
- const defs = initDefs(el)
39
- const gradientId = "vislite-rg-" + new Date().valueOf() + "-" + Math.random()
40
-
41
- const radialGradient = toNode("radialGradient")
42
- defs.appendChild(radialGradient)
43
- setAttribute(radialGradient, "id", gradientId)
44
- setAttribute(radialGradient, "cx", cx + "%")
45
- setAttribute(radialGradient, "cy", cy + "%")
46
- setAttribute(radialGradient, "r", r + "%")
47
-
48
- const enhanceGradient = {
49
- "value": function () {
50
- return "url(#" + gradientId + ")";
51
- },
52
- "setColor": function (stop: number, color: string) {
53
-
54
- const stopEl = toNode("stop")
55
- radialGradient.appendChild(stopEl)
56
- setAttribute(stopEl, "offset", (stop * 100) + "%")
57
- setAttribute(stopEl, "style", "stop-color:" + color + ";")
58
-
59
- return enhanceGradient
60
- }
61
- }
62
- return enhanceGradient
63
- }
1
+ import { initDefs } from './config'
2
+ import { toNode, setAttribute } from "./tool"
3
+
4
+ // 线性渐变
5
+ export const linearGradient = function (el: SVGElement, x0: number, y0: number, x1: number, y1: number) {
6
+
7
+ const defs = initDefs(el)
8
+ const gradientId = "vislite-lg-" + new Date().valueOf() + "-" + Math.random()
9
+
10
+ const linearGradient = toNode("linearGradient")
11
+ defs.appendChild(linearGradient)
12
+ setAttribute(linearGradient, "id", gradientId)
13
+ setAttribute(linearGradient, "x1", x0 + "%")
14
+ setAttribute(linearGradient, "y1", y0 + "%")
15
+ setAttribute(linearGradient, "x2", x1 + "%")
16
+ setAttribute(linearGradient, "y2", y1 + "%")
17
+
18
+ const enhanceGradient = {
19
+ "value": function () {
20
+ return "url(#" + gradientId + ")";
21
+ },
22
+ "setColor": function (stop: number, color: string) {
23
+
24
+ const stopEl = toNode("stop")
25
+ linearGradient.appendChild(stopEl)
26
+ setAttribute(stopEl, "offset", (stop * 100) + "%")
27
+ setAttribute(stopEl, "style", "stop-color:" + color + ";")
28
+
29
+ return enhanceGradient
30
+ }
31
+ }
32
+ return enhanceGradient
33
+ }
34
+
35
+ // 环形渐变
36
+ export const radialGradient = function (el: SVGElement, cx: number, cy: number, r: number) {
37
+
38
+ const defs = initDefs(el)
39
+ const gradientId = "vislite-rg-" + new Date().valueOf() + "-" + Math.random()
40
+
41
+ const radialGradient = toNode("radialGradient")
42
+ defs.appendChild(radialGradient)
43
+ setAttribute(radialGradient, "id", gradientId)
44
+ setAttribute(radialGradient, "cx", cx + "%")
45
+ setAttribute(radialGradient, "cy", cy + "%")
46
+ setAttribute(radialGradient, "r", r + "%")
47
+
48
+ const enhanceGradient = {
49
+ "value": function () {
50
+ return "url(#" + gradientId + ")";
51
+ },
52
+ "setColor": function (stop: number, color: string) {
53
+
54
+ const stopEl = toNode("stop")
55
+ radialGradient.appendChild(stopEl)
56
+ setAttribute(stopEl, "offset", (stop * 100) + "%")
57
+ setAttribute(stopEl, "style", "stop-color:" + color + ";")
58
+
59
+ return enhanceGradient
60
+ }
61
+ }
62
+ return enhanceGradient
63
+ }