vislite 1.12.0 → 2.0.0-next.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 (180) hide show
  1. package/AUTHORS.txt +6 -6
  2. package/CHANGELOG +414 -403
  3. package/LICENSE +20 -20
  4. package/README-en.md +245 -245
  5. package/README.md +245 -245
  6. package/bin/formatArgv.js +30 -30
  7. package/bin/help.js +21 -17
  8. package/bin/minialipay.js +27 -0
  9. package/bin/run +25 -21
  10. package/bin/skills.js +26 -26
  11. package/lib/BarLayout/index.es.js +348 -348
  12. package/lib/Buffer/index.es.js +34 -34
  13. package/lib/Canvas/index.es.js +804 -804
  14. package/lib/Cardinal/index.es.js +89 -89
  15. package/lib/Eoap/index.es.js +32 -32
  16. package/lib/Hermite/index.es.js +34 -34
  17. package/lib/MapCoordinate/index.es.js +199 -199
  18. package/lib/Matrix4/index.es.js +123 -123
  19. package/lib/Mercator/index.es.js +18 -18
  20. package/lib/PieLayout/index.es.js +115 -115
  21. package/lib/RawCanvas/index.es.js +736 -736
  22. package/lib/SVG/index.es.js +626 -626
  23. package/lib/Shader/index.es.js +34 -34
  24. package/lib/Texture/index.es.js +52 -52
  25. package/lib/TreeLayout/index.es.js +301 -301
  26. package/lib/animation/index.es.js +2 -2
  27. package/lib/assemble/index.es.js +19 -19
  28. package/lib/getLoopColors/index.es.js +34 -34
  29. package/lib/getWebGLContext/index.es.js +61 -61
  30. package/lib/index.umd.js +2797 -2797
  31. package/lib/index.umd.min.js +1 -1
  32. package/lib/initOption/index.es.js +5 -5
  33. package/lib/mergeOption/index.es.js +34 -34
  34. package/lib/move/index.es.js +6 -6
  35. package/lib/rotate/index.es.js +6 -6
  36. package/lib/ruler/index.es.js +136 -136
  37. package/lib/scale/index.es.js +5 -5
  38. package/minialipay/ui-canvas/drawImage.js +35 -35
  39. package/minialipay/ui-canvas/index.acss +4 -4
  40. package/minialipay/ui-canvas/index.axml +3 -3
  41. package/minialipay/ui-canvas/index.d.ts +1 -1
  42. package/minialipay/ui-canvas/index.js +100 -100
  43. package/minialipay/ui-canvas/index.json +6 -6
  44. package/miniprogram/ui-canvas/drawImage.js +35 -35
  45. package/miniprogram/ui-canvas/index.js +125 -125
  46. package/miniprogram/ui-canvas/index.json +4 -4
  47. package/miniprogram/ui-canvas/index.wxml +4 -4
  48. package/miniprogram/ui-canvas/index.wxss +5 -5
  49. package/package/BarLayout/index.ts +2 -2
  50. package/package/Buffer/index.ts +2 -2
  51. package/package/Canvas/index.ts +2 -2
  52. package/package/Cardinal/index.ts +2 -2
  53. package/package/Eoap/index.ts +2 -2
  54. package/package/Hermite/index.ts +2 -2
  55. package/package/MapCoordinate/index.ts +2 -2
  56. package/package/Matrix4/index.ts +2 -2
  57. package/package/Mercator/index.ts +2 -2
  58. package/package/PieLayout/index.ts +2 -2
  59. package/package/RawCanvas/index.ts +2 -2
  60. package/package/SVG/index.ts +2 -2
  61. package/package/Shader/index.ts +2 -2
  62. package/package/Texture/index.ts +2 -2
  63. package/package/TreeLayout/index.ts +2 -2
  64. package/package/animation/index.ts +5 -5
  65. package/package/assemble/index.ts +2 -2
  66. package/package/getLoopColors/index.ts +2 -2
  67. package/package/getWebGLContext/index.ts +40 -40
  68. package/package/index.ts +84 -84
  69. package/package/initOption/index.ts +2 -2
  70. package/package/mergeOption/index.ts +2 -2
  71. package/package/move/index.ts +2 -2
  72. package/package/rotate/index.ts +2 -2
  73. package/package/ruler/index.ts +2 -2
  74. package/package/scale/index.ts +2 -2
  75. package/package/throttle/index.ts +2 -2
  76. package/package.json +103 -79
  77. package/skills/vislite-lib/BarLayout.md +117 -117
  78. package/skills/vislite-lib/Canvas.md +183 -183
  79. package/skills/vislite-lib/Interpolation.md +129 -129
  80. package/skills/vislite-lib/Matrix.md +174 -174
  81. package/skills/vislite-lib/PieLayout.md +131 -131
  82. package/skills/vislite-lib/Projections.md +158 -158
  83. package/skills/vislite-lib/SKILL.md +179 -179
  84. package/skills/vislite-lib/SVG.md +137 -137
  85. package/skills/vislite-lib/TreeLayout.md +176 -176
  86. package/skills/vislite-lib/Utilities.md +261 -261
  87. package/skills/vislite-lib/WebGL.md +106 -106
  88. package/skills/vislite-lib/minialipay/ui-canvas.md +95 -95
  89. package/skills/vislite-lib/miniprogram/ui-canvas.md +98 -98
  90. package/skills/vislite-lib/uniapp/ui-canvas.md +113 -113
  91. package/src/Canvas.ts +89 -89
  92. package/src/Eoap.ts +66 -66
  93. package/src/Matrix4/index.ts +84 -84
  94. package/src/Matrix4/move.ts +12 -12
  95. package/src/Matrix4/rotate.ts +15 -15
  96. package/src/Matrix4/scale.ts +11 -11
  97. package/src/Matrix4/transform.ts +64 -64
  98. package/src/Mercator.ts +27 -27
  99. package/src/SVG.ts +86 -86
  100. package/src/common/assemble.ts +30 -30
  101. package/src/common/canvas/arc.ts +51 -51
  102. package/src/common/canvas/config.ts +176 -176
  103. package/src/common/canvas/default.ts +64 -64
  104. package/src/common/canvas/gradient.ts +31 -31
  105. package/src/common/canvas/index.ts +189 -189
  106. package/src/common/canvas/painter.ts +475 -475
  107. package/src/common/canvas/texts.ts +18 -18
  108. package/src/common/map/getBoundary.ts +15 -15
  109. package/src/common/map/tool.ts +29 -29
  110. package/src/common/option.ts +31 -31
  111. package/src/common/setStyle.ts +5 -5
  112. package/src/common/svg/config.ts +213 -213
  113. package/src/common/svg/default.ts +29 -29
  114. package/src/common/svg/gradient.ts +53 -53
  115. package/src/common/svg/index.ts +420 -420
  116. package/src/common/svg/tool.ts +51 -51
  117. package/src/common/tree/index.ts +25 -25
  118. package/src/common/tree/toInnerTree.ts +61 -61
  119. package/src/common/tree/toPlainTree.ts +135 -135
  120. package/src/common/type.ts +26 -26
  121. package/src/common/webgl/buffer.ts +79 -79
  122. package/src/common/webgl/getWebGLContext.ts +45 -45
  123. package/src/common/webgl/shader.ts +75 -75
  124. package/src/common/webgl/texture.ts +98 -98
  125. package/src/coordinate/MapCoordinate.ts +80 -80
  126. package/src/getLoopColors.ts +42 -42
  127. package/src/interpolation/Cardinal.ts +110 -110
  128. package/src/interpolation/Hermite.ts +65 -65
  129. package/src/layout/BarLayout.ts +249 -249
  130. package/src/layout/PieLayout.ts +146 -146
  131. package/src/layout/TreeLayout.ts +200 -200
  132. package/src/move.ts +7 -7
  133. package/src/rotate.ts +7 -7
  134. package/src/ruler.ts +209 -209
  135. package/src/scale.ts +6 -6
  136. package/types/Bar.d.ts +91 -91
  137. package/types/BarConfig.d.ts +4 -4
  138. package/types/BarLayout.d.ts +48 -48
  139. package/types/BarOption.d.ts +31 -31
  140. package/types/Buffer.d.ts +30 -30
  141. package/types/Canvas.d.ts +379 -379
  142. package/types/CanvasConfig.d.ts +61 -61
  143. package/types/CanvasOption.d.ts +13 -13
  144. package/types/CanvasOpts.d.ts +9 -9
  145. package/types/Cardinal.d.ts +20 -20
  146. package/types/Gradient.d.ts +20 -20
  147. package/types/Hermite.d.ts +25 -25
  148. package/types/Map.d.ts +9 -9
  149. package/types/MapConfig.d.ts +27 -27
  150. package/types/MapCoordinate.d.ts +22 -22
  151. package/types/Matrix4.d.ts +79 -79
  152. package/types/Pie.d.ts +73 -73
  153. package/types/PieConfig.d.ts +26 -26
  154. package/types/PieLayout.d.ts +40 -40
  155. package/types/PieOption.d.ts +21 -21
  156. package/types/SVG.d.ts +282 -282
  157. package/types/SVGConfig.d.ts +54 -54
  158. package/types/Shader.d.ts +22 -22
  159. package/types/Texture.d.ts +22 -22
  160. package/types/Tree.d.ts +74 -74
  161. package/types/TreeConfig.d.ts +52 -52
  162. package/types/TreeLayout.d.ts +71 -71
  163. package/types/TreeOption.d.ts +48 -48
  164. package/types/animation.d.ts +26 -26
  165. package/types/assemble.d.ts +14 -14
  166. package/types/getLoopColors.d.ts +13 -13
  167. package/types/getWebGLContext.d.ts +7 -7
  168. package/types/index.d.ts +220 -220
  169. package/types/module.d.ts +110 -110
  170. package/types/move.d.ts +15 -15
  171. package/types/option.d.ts +12 -12
  172. package/types/painterConfig.d.ts +14 -14
  173. package/types/rotate.d.ts +15 -15
  174. package/types/ruler.d.ts +24 -24
  175. package/types/scale.d.ts +15 -15
  176. package/types/throttle.d.ts +6 -6
  177. package/types/ui-canvas.d.ts +4 -4
  178. package/types/uni-canvas.d.ts +3 -3
  179. package/uni-app/drawImage.js +19 -19
  180. package/uni-app/ui-canvas.vue +295 -295
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,101 +1,101 @@
1
- import RawCanvas from "../../lib/RawCanvas/index.es.min.js";
2
- import drawImage from "./drawImage.js";
3
-
4
- // https://opendocs.alipay.com/mini/framework/custom-component-overview
5
-
6
- Component({
7
- props: {
8
- width: 300,
9
- height: 150,
10
- region: true,
11
- onDoTouchstart: () => { }
12
- },
13
- data: {
14
- uniqueid: (Math.random() * 10000).toFixed(0),
15
- help: {}
16
- },
17
- methods: {
18
- fetch() {
19
- return new Promise((resolve, reject) => {
20
-
21
- let getCanvasContext = (idName, doback) => {
22
- if (idName != 'region' || this.props.region) {
23
- my.createSelectorQuery().select('#' + idName + '-' + this.data.uniqueid).node().exec((res) => {
24
- const canvas = res[0].node;
25
- const ctx = canvas.getContext('2d');
26
-
27
- if (idName != "region") {
28
- ctx.scale(2, 2);
29
- }
30
-
31
- doback(ctx, idName != 'region' ? canvas : null);
32
-
33
- })
34
- } else {
35
- doback(null);
36
- }
37
- };
38
-
39
- getCanvasContext("painter", (painter, panvas) => {
40
- getCanvasContext("region", region => {
41
-
42
- this.data.help.instance = new RawCanvas({
43
- getContext() {
44
- return painter;
45
- }
46
- }, this.props.region ? {
47
- getContext() {
48
- return region;
49
- }
50
- } : null);
51
-
52
- this.data.help.instance.toDataURL = () => {
53
- return new Promise((resolveUrl) => {
54
- if (panvas.toDataURL) {
55
- resolveUrl(panvas.toDataURL());
56
- } else {
57
- panvas.toTempFilePath({
58
- x: 0,
59
- y: 0,
60
- width: this.props.widht,
61
- height: this.props.height,
62
- success(e) {
63
- resolveUrl(e.tempFilePath);
64
- },
65
- fail(error) {
66
- console.error(error);
67
- }
68
- });
69
- }
70
- });
71
- };
72
-
73
- this.data.help.instance.drawImage = drawImage(
74
- this.data.help.instance,
75
- this.data.help.instance.drawImage,
76
- panvas
77
- );
78
-
79
- resolve(this.data.help.instance);
80
- });
81
- });
82
-
83
- });
84
- },
85
- doit(event) {
86
- let x = event.touches[0].x;
87
- let y = event.touches[0].y;
88
-
89
- this.data.help.instance.getRegion(x, y).then((regionName) => {
90
- this.props.onDoTouchstart({
91
- name: regionName,
92
- x: x,
93
- y: y
94
- });
95
- });
96
- },
97
- doitstart(event) {
98
- this.doit(event);
99
- }
100
- }
1
+ import RawCanvas from "../../lib/RawCanvas/index.es.min.js";
2
+ import drawImage from "./drawImage.js";
3
+
4
+ // https://opendocs.alipay.com/mini/framework/custom-component-overview
5
+
6
+ Component({
7
+ props: {
8
+ width: 300,
9
+ height: 150,
10
+ region: true,
11
+ onDoTouchstart: () => { }
12
+ },
13
+ data: {
14
+ uniqueid: (Math.random() * 10000).toFixed(0),
15
+ help: {}
16
+ },
17
+ methods: {
18
+ fetch() {
19
+ return new Promise((resolve, reject) => {
20
+
21
+ let getCanvasContext = (idName, doback) => {
22
+ if (idName != 'region' || this.props.region) {
23
+ my.createSelectorQuery().select('#' + idName + '-' + this.data.uniqueid).node().exec((res) => {
24
+ const canvas = res[0].node;
25
+ const ctx = canvas.getContext('2d');
26
+
27
+ if (idName != "region") {
28
+ ctx.scale(2, 2);
29
+ }
30
+
31
+ doback(ctx, idName != 'region' ? canvas : null);
32
+
33
+ })
34
+ } else {
35
+ doback(null);
36
+ }
37
+ };
38
+
39
+ getCanvasContext("painter", (painter, panvas) => {
40
+ getCanvasContext("region", region => {
41
+
42
+ this.data.help.instance = new RawCanvas({
43
+ getContext() {
44
+ return painter;
45
+ }
46
+ }, this.props.region ? {
47
+ getContext() {
48
+ return region;
49
+ }
50
+ } : null);
51
+
52
+ this.data.help.instance.toDataURL = () => {
53
+ return new Promise((resolveUrl) => {
54
+ if (panvas.toDataURL) {
55
+ resolveUrl(panvas.toDataURL());
56
+ } else {
57
+ panvas.toTempFilePath({
58
+ x: 0,
59
+ y: 0,
60
+ width: this.props.width,
61
+ height: this.props.height,
62
+ success(e) {
63
+ resolveUrl(e.tempFilePath);
64
+ },
65
+ fail(error) {
66
+ console.error(error);
67
+ }
68
+ });
69
+ }
70
+ });
71
+ };
72
+
73
+ this.data.help.instance.drawImage = drawImage(
74
+ this.data.help.instance,
75
+ this.data.help.instance.drawImage,
76
+ panvas
77
+ );
78
+
79
+ resolve(this.data.help.instance);
80
+ });
81
+ });
82
+
83
+ });
84
+ },
85
+ doit(event) {
86
+ let x = event.touches[0].x;
87
+ let y = event.touches[0].y;
88
+
89
+ this.data.help.instance.getRegion(x, y).then((regionName) => {
90
+ this.props.onDoTouchstart({
91
+ name: regionName,
92
+ x: x,
93
+ y: y
94
+ });
95
+ });
96
+ },
97
+ doitstart(event) {
98
+ this.doit(event);
99
+ }
100
+ }
101
101
  });
@@ -1,6 +1,6 @@
1
- {
2
- "component": true,
3
- "usingComponents": {
4
-
5
- }
6
- }
1
+ {
2
+ "component": true,
3
+ "usingComponents": {
4
+
5
+ }
6
+ }
@@ -1,36 +1,36 @@
1
- export default function (_this, drawImage, canvas) {
2
- return function (imgUrl, x, y, w, h) {
3
- return new Promise((resolve) => {
4
-
5
- let doit = (imgsrc) => {
6
- if (canvas.createImage) {
7
- let img = canvas.createImage();
8
- img.onload = function () {
9
- drawImage.call(_this, img, x, y, w, h, true).then(() => {
10
- resolve({});
11
- });
12
- };
13
- img.src = imgsrc;
14
- }
15
-
16
- // 低版本兼容
17
- else {
18
- drawImage.call(_this, imgsrc, x, y, w, h, true).then(() => {
19
- resolve({});
20
- });
21
- }
22
- };
23
-
24
- if (/^http/.test(imgUrl)) {
25
- wx.downloadFile({
26
- url: imgUrl,
27
- success: function (res) {
28
- doit(res.tempFilePath);
29
- },
30
- })
31
- } else {
32
- doit(imgUrl);
33
- }
34
- });
35
- };
1
+ export default function (_this, drawImage, canvas) {
2
+ return function (imgUrl, x, y, w, h) {
3
+ return new Promise((resolve) => {
4
+
5
+ let doit = (imgsrc) => {
6
+ if (canvas.createImage) {
7
+ let img = canvas.createImage();
8
+ img.onload = function () {
9
+ drawImage.call(_this, img, x, y, w, h, true).then(() => {
10
+ resolve({});
11
+ });
12
+ };
13
+ img.src = imgsrc;
14
+ }
15
+
16
+ // 低版本兼容
17
+ else {
18
+ drawImage.call(_this, imgsrc, x, y, w, h, true).then(() => {
19
+ resolve({});
20
+ });
21
+ }
22
+ };
23
+
24
+ if (/^http/.test(imgUrl)) {
25
+ wx.downloadFile({
26
+ url: imgUrl,
27
+ success: function (res) {
28
+ doit(res.tempFilePath);
29
+ },
30
+ })
31
+ } else {
32
+ doit(imgUrl);
33
+ }
34
+ });
35
+ };
36
36
  };
@@ -1,125 +1,125 @@
1
- import RawCanvas from "../../lib/RawCanvas/index.es.min.js";
2
- import drawImage from "./drawImage.js";
3
-
4
- let dpr = wx.getSystemInfoSync().pixelRatio;
5
-
6
- // https://developers.weixin.qq.com/miniprogram/dev/reference/api/Component.html
7
-
8
- Component({
9
- properties: {
10
- width: {
11
- type: Number,
12
- value: 300
13
- },
14
- height: {
15
- type: Number,
16
- value: 150
17
- },
18
- region: {
19
- type: Boolean,
20
- value: true
21
- }
22
- },
23
- data: {
24
- help: {}
25
- },
26
- lifetimes: {
27
- ready() {
28
-
29
- }
30
- },
31
- methods: {
32
- fetch() {
33
- return new Promise((resolve, reject) => {
34
-
35
- let getCanvasContext = (idName, doback) => {
36
- if (idName != 'region' || this.data.region) {
37
- const query = wx.createSelectorQuery().in(this);
38
- query.select('#' + idName)
39
- .fields({ node: true, size: true })
40
- .exec((res) => {
41
- const canvas = res[0].node;
42
- const ctx = canvas.getContext('2d');
43
-
44
- canvas.width = res[0].width * (idName == "region" ? 1 : dpr);
45
- canvas.height = res[0].height * (idName == "region" ? 1 : dpr);
46
-
47
- if (idName != "region") {
48
- ctx.scale(dpr, dpr);
49
- }
50
-
51
- doback(ctx, idName != 'region' ? canvas : null);
52
- });
53
- } else {
54
- doback(null);
55
- }
56
- };
57
-
58
- getCanvasContext("painter", (painter, panvas) => {
59
- getCanvasContext("region", region => {
60
- this.data.help.instance = new RawCanvas({
61
- getContext() {
62
- return painter;
63
- }
64
- }, this.data.region ? {
65
- getContext() {
66
- return region;
67
- }
68
- } : null);
69
-
70
- this.data.help.instance.toDataURL = () => {
71
- return new Promise((resolveUrl) => {
72
- if (panvas.toDataURL) {
73
- resolveUrl(panvas.toDataURL());
74
- } else {
75
- wx.canvasToTempFilePath({
76
- canvasId: "painter",
77
- success: function (e) {
78
- wx.getFileSystemManager().readFile({
79
- filePath: e.tempFilePath,
80
- encoding: 'base64',
81
- success: function (res) {
82
- resolveUrl('data:image/png;base64,' + res.data);
83
- }
84
- });
85
- // resolveUrl(e.tempFilePath);
86
-
87
- },
88
- fail: function (e) {
89
- console.log(e)
90
- }
91
- }, this);
92
- }
93
- });
94
- };
95
-
96
- this.data.help.instance.drawImage = drawImage(
97
- this.data.help.instance,
98
- this.data.help.instance.drawImage,
99
- panvas
100
- );
101
-
102
- resolve(this.data.help.instance);
103
- });
104
- });
105
-
106
- });
107
- },
108
- doit(event) {
109
- let x = event.touches[0].x;
110
- let y = event.touches[0].y;
111
-
112
- this.data.help.instance.getRegion(x, y).then((regionName) => {
113
- this.triggerEvent('dotouchstart', {
114
- name: regionName,
115
- x: x,
116
- y: y
117
- })
118
- });
119
- },
120
- doitstart(event) {
121
- this.doit(event);
122
- }
123
- }
124
-
125
- });
1
+ import RawCanvas from "../../lib/RawCanvas/index.es.min.js";
2
+ import drawImage from "./drawImage.js";
3
+
4
+ let dpr = wx.getSystemInfoSync().pixelRatio;
5
+
6
+ // https://developers.weixin.qq.com/miniprogram/dev/reference/api/Component.html
7
+
8
+ Component({
9
+ properties: {
10
+ width: {
11
+ type: Number,
12
+ value: 300
13
+ },
14
+ height: {
15
+ type: Number,
16
+ value: 150
17
+ },
18
+ region: {
19
+ type: Boolean,
20
+ value: true
21
+ }
22
+ },
23
+ data: {
24
+ help: {}
25
+ },
26
+ lifetimes: {
27
+ ready() {
28
+
29
+ }
30
+ },
31
+ methods: {
32
+ fetch() {
33
+ return new Promise((resolve, reject) => {
34
+
35
+ let getCanvasContext = (idName, doback) => {
36
+ if (idName != 'region' || this.data.region) {
37
+ const query = wx.createSelectorQuery().in(this);
38
+ query.select('#' + idName)
39
+ .fields({ node: true, size: true })
40
+ .exec((res) => {
41
+ const canvas = res[0].node;
42
+ const ctx = canvas.getContext('2d');
43
+
44
+ canvas.width = res[0].width * (idName == "region" ? 1 : dpr);
45
+ canvas.height = res[0].height * (idName == "region" ? 1 : dpr);
46
+
47
+ if (idName != "region") {
48
+ ctx.scale(dpr, dpr);
49
+ }
50
+
51
+ doback(ctx, idName != 'region' ? canvas : null);
52
+ });
53
+ } else {
54
+ doback(null);
55
+ }
56
+ };
57
+
58
+ getCanvasContext("painter", (painter, panvas) => {
59
+ getCanvasContext("region", region => {
60
+ this.data.help.instance = new RawCanvas({
61
+ getContext() {
62
+ return painter;
63
+ }
64
+ }, this.data.region ? {
65
+ getContext() {
66
+ return region;
67
+ }
68
+ } : null);
69
+
70
+ this.data.help.instance.toDataURL = () => {
71
+ return new Promise((resolveUrl) => {
72
+ if (panvas.toDataURL) {
73
+ resolveUrl(panvas.toDataURL());
74
+ } else {
75
+ wx.canvasToTempFilePath({
76
+ canvasId: "painter",
77
+ success: function (e) {
78
+ wx.getFileSystemManager().readFile({
79
+ filePath: e.tempFilePath,
80
+ encoding: 'base64',
81
+ success: function (res) {
82
+ resolveUrl('data:image/png;base64,' + res.data);
83
+ }
84
+ });
85
+ // resolveUrl(e.tempFilePath);
86
+
87
+ },
88
+ fail: function (e) {
89
+ console.log(e)
90
+ }
91
+ }, this);
92
+ }
93
+ });
94
+ };
95
+
96
+ this.data.help.instance.drawImage = drawImage(
97
+ this.data.help.instance,
98
+ this.data.help.instance.drawImage,
99
+ panvas
100
+ );
101
+
102
+ resolve(this.data.help.instance);
103
+ });
104
+ });
105
+
106
+ });
107
+ },
108
+ doit(event) {
109
+ let x = event.touches[0].x;
110
+ let y = event.touches[0].y;
111
+
112
+ this.data.help.instance.getRegion(x, y).then((regionName) => {
113
+ this.triggerEvent('dotouchstart', {
114
+ name: regionName,
115
+ x: x,
116
+ y: y
117
+ })
118
+ });
119
+ },
120
+ doitstart(event) {
121
+ this.doit(event);
122
+ }
123
+ }
124
+
125
+ });
@@ -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
+ }
@@ -1,3 +1,3 @@
1
- import BarLayout from "../../src/layout/BarLayout"
2
-
1
+ import BarLayout from "../../src/layout/BarLayout"
2
+
3
3
  export default BarLayout
@@ -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
@@ -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
@@ -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 Hermite from "../../src/interpolation/Hermite"
2
-
1
+ import Hermite from "../../src/interpolation/Hermite"
2
+
3
3
  export default Hermite
@@ -1,3 +1,3 @@
1
- import MapCoordinate from "../../src/coordinate/MapCoordinate"
2
-
1
+ import MapCoordinate from "../../src/coordinate/MapCoordinate"
2
+
3
3
  export default MapCoordinate
@@ -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 PieLayout from "../../src/layout/PieLayout"
2
-
1
+ import PieLayout from "../../src/layout/PieLayout"
2
+
3
3
  export default PieLayout
@@ -1,3 +1,3 @@
1
- import RawCanvas from "../../src/common/canvas/index"
2
-
1
+ import RawCanvas from "../../src/common/canvas/index"
2
+
3
3
  export default RawCanvas