vislite 0.5.2 → 0.6.0-alpha.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/.eslintrc.js +24 -0
- package/AUTHORS.txt +6 -6
- package/CHANGELOG +15 -1
- package/LICENSE +20 -20
- package/README.md +41 -2
- package/lib/Buffer/index.umd.js +2 -2
- package/lib/Buffer/index.umd.min.js +2 -2
- package/lib/Canvas/index.umd.js +19 -8
- package/lib/Canvas/index.umd.min.js +3 -3
- package/lib/Cardinal/index.umd.js +2 -2
- package/lib/Cardinal/index.umd.min.js +2 -2
- package/lib/Eoap/index.umd.js +2 -2
- package/lib/Eoap/index.umd.min.js +2 -2
- package/lib/Geometry/index.umd.js +7 -4
- package/lib/Geometry/index.umd.min.js +2 -2
- package/lib/Hermite/index.umd.js +2 -2
- package/lib/Hermite/index.umd.min.js +2 -2
- package/lib/Matrix4/index.umd.js +14 -8
- package/lib/Matrix4/index.umd.min.js +3 -3
- package/lib/Mercator/index.umd.js +2 -2
- package/lib/Mercator/index.umd.min.js +2 -2
- package/lib/OralCanvas/index.es.js +14 -6
- package/lib/OralCanvas/index.es.min.js +3 -3
- package/lib/OralWebGL/index.es.js +27 -19
- package/lib/OralWebGL/index.es.min.js +3 -3
- package/lib/SVG/index.umd.js +6 -4
- package/lib/SVG/index.umd.min.js +2 -2
- package/lib/Shader/index.umd.js +10 -10
- package/lib/Shader/index.umd.min.js +3 -3
- package/lib/Texture/index.umd.js +4 -3
- package/lib/Texture/index.umd.min.js +2 -2
- package/lib/TreeLayout/index.umd.js +8 -5
- package/lib/TreeLayout/index.umd.min.js +2 -2
- package/lib/WebGL/index.umd.js +27 -19
- package/lib/WebGL/index.umd.min.js +3 -3
- package/lib/animation/index.umd.js +4 -3
- package/lib/animation/index.umd.min.js +2 -2
- package/lib/formatColor/index.umd.js +2 -2
- package/lib/formatColor/index.umd.min.js +2 -2
- package/lib/getLoopColors/index.umd.js +2 -2
- package/lib/getLoopColors/index.umd.min.js +2 -2
- package/lib/getWebGLContext/index.umd.js +4 -3
- package/lib/getWebGLContext/index.umd.min.js +2 -2
- package/lib/index.umd.js +73 -34
- package/lib/index.umd.min.js +3 -3
- package/lib/move/index.umd.js +2 -2
- package/lib/move/index.umd.min.js +2 -2
- package/lib/resizeObserver/index.umd.js +4 -3
- package/lib/resizeObserver/index.umd.min.js +2 -2
- package/lib/rotate/index.umd.js +2 -2
- package/lib/rotate/index.umd.min.js +2 -2
- package/lib/ruler/index.umd.js +14 -2
- package/lib/ruler/index.umd.min.js +3 -3
- package/lib/scale/index.umd.js +2 -2
- package/lib/scale/index.umd.min.js +2 -2
- package/lib/throttle/index.umd.js +2 -2
- package/lib/throttle/index.umd.min.js +2 -2
- package/lib/viewHandler/index.umd.js +4 -4
- package/lib/viewHandler/index.umd.min.js +3 -3
- 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 +1 -1
- 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 -76
- package/package/move/index.ts +2 -2
- 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 +2 -2
- package/package/throttle/index.ts +2 -2
- package/package/viewHandler/index.ts +2 -2
- package/package.json +6 -2
- package/src/Canvas.ts +70 -67
- package/src/Eoap.ts +66 -66
- package/src/Geometry.ts +82 -82
- package/src/Matrix4/index.ts +17 -9
- 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/WebGL.ts +66 -66
- package/src/animation.ts +98 -98
- package/src/common/assemble.ts +22 -22
- package/src/common/canvas/arc.ts +51 -50
- package/src/common/canvas/config.ts +158 -158
- package/src/common/canvas/gradient.ts +29 -29
- package/src/common/canvas/index.ts +149 -140
- package/src/common/canvas/painter.ts +417 -426
- package/src/common/canvas/texts.ts +18 -18
- package/src/common/geometry/prism-horizontal.ts +35 -33
- package/src/common/geometry/prism-vertical.ts +40 -40
- package/src/common/geometry/sphere-fragment.ts +40 -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 -186
- package/src/common/svg/dictionary.ts +1 -1
- package/src/common/svg/gradient.ts +63 -63
- package/src/common/svg/index.ts +356 -356
- package/src/common/svg/tool.ts +44 -44
- package/src/common/tree/index.ts +25 -25
- package/src/common/tree/toInnerTree.ts +57 -56
- package/src/common/tree/toPlainTree.ts +132 -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 +28 -27
- package/src/common/webgl/index.ts +224 -223
- package/src/common/webgl/shader.ts +75 -75
- package/src/common/webgl/texture.ts +97 -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/{TreeLayout/index.ts → layout/TreeLayout.ts} +21 -21
- package/src/move.ts +7 -7
- package/src/resizeObserver.ts +37 -36
- package/src/rotate.ts +7 -7
- package/src/ruler.ts +41 -19
- package/src/scale.ts +6 -6
- 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 +52 -51
- package/src/viewHandler.ts +158 -158
- package/types/Buffer.d.ts +23 -23
- package/types/Canvas.d.ts +8 -0
- package/types/CanvasConfig.d.ts +106 -106
- package/types/CanvasOption.d.ts +8 -7
- package/types/CanvasOpts.d.ts +10 -0
- 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 +5 -0
- package/types/Object3D.d.ts +114 -114
- package/types/SVG.d.ts +238 -238
- 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 -175
- package/types/move.d.ts +2 -2
- 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 +2 -2
- 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 +239 -206
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
export default function (painter: CanvasRenderingContext2D, contents: string, width: number, height: number, doback: (content: string, top: number) => void) {
|
|
2
|
-
|
|
3
|
-
let lineNumber = 0, content = ""
|
|
4
|
-
for (let i = 0; i < contents.length; i++) {
|
|
5
|
-
if (painter.measureText(content + contents[i]).width > width || /\n$/.test(content)) {
|
|
6
|
-
lineNumber += 1
|
|
7
|
-
doback(content, (lineNumber - 0.5) * height)
|
|
8
|
-
|
|
9
|
-
content = contents[i]
|
|
10
|
-
} else if (i == contents.length - 1) {
|
|
11
|
-
lineNumber += 1
|
|
12
|
-
doback(content + contents[i], (lineNumber - 0.5) * height)
|
|
13
|
-
} else {
|
|
14
|
-
content += contents[i]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
return lineNumber * height
|
|
1
|
+
export default function (painter: CanvasRenderingContext2D, contents: string, width: number, height: number, doback: (content: string, top: number) => void) {
|
|
2
|
+
|
|
3
|
+
let lineNumber = 0, content = ""
|
|
4
|
+
for (let i = 0; i < contents.length; i++) {
|
|
5
|
+
if (painter.measureText(content + contents[i]).width > width || /\n$/.test(content)) {
|
|
6
|
+
lineNumber += 1
|
|
7
|
+
doback(content, (lineNumber - 0.5) * height)
|
|
8
|
+
|
|
9
|
+
content = contents[i]
|
|
10
|
+
} else if (i == contents.length - 1) {
|
|
11
|
+
lineNumber += 1
|
|
12
|
+
doback(content + contents[i], (lineNumber - 0.5) * height)
|
|
13
|
+
} else {
|
|
14
|
+
content += contents[i]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
return lineNumber * height
|
|
19
19
|
}
|
|
@@ -1,33 +1,35 @@
|
|
|
1
|
-
import rotate from '../../rotate'
|
|
2
|
-
|
|
3
|
-
// 棱柱水平部分
|
|
4
|
-
|
|
5
|
-
export default function (normal: boolean, x: number, y: number, z: number, radius: number, num: number, d: number) {
|
|
6
|
-
|
|
7
|
-
let beginX: number, beginZ: number
|
|
8
|
-
if (num == 4) {
|
|
9
|
-
|
|
10
|
-
beginX = x + temp
|
|
11
|
-
beginZ = z + temp
|
|
12
|
-
|
|
13
|
-
} else {
|
|
14
|
-
beginX = x + radius
|
|
15
|
-
beginZ = z
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
let point = [beginX, beginZ]
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
points.push(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
1
|
+
import rotate from '../../rotate'
|
|
2
|
+
|
|
3
|
+
// 棱柱水平部分
|
|
4
|
+
|
|
5
|
+
export default function (normal: boolean, x: number, y: number, z: number, radius: number, num: number, d: number) {
|
|
6
|
+
|
|
7
|
+
let beginX: number, beginZ: number
|
|
8
|
+
if (num == 4) {
|
|
9
|
+
const temp = radius / 1.414
|
|
10
|
+
beginX = x + temp
|
|
11
|
+
beginZ = z + temp
|
|
12
|
+
|
|
13
|
+
} else {
|
|
14
|
+
beginX = x + radius
|
|
15
|
+
beginZ = z
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
let point = [beginX, beginZ]
|
|
19
|
+
const points = []
|
|
20
|
+
const deg = Math.PI * 2 / num
|
|
21
|
+
for (let i = 0; i < num; i++) {
|
|
22
|
+
|
|
23
|
+
points.push(x, y, z)
|
|
24
|
+
if (normal) points.push(0, d, 0)
|
|
25
|
+
|
|
26
|
+
points.push(point[0], y, point[1])
|
|
27
|
+
if (normal) points.push(0, d, 0)
|
|
28
|
+
|
|
29
|
+
point = rotate(x, z, deg * (i + 1), beginX, beginZ)
|
|
30
|
+
points.push(point[0], y, point[1])
|
|
31
|
+
if (normal) points.push(0, d, 0)
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
return points
|
|
35
|
+
}
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import rotate from '../../rotate'
|
|
2
|
-
|
|
3
|
-
// 棱柱垂直部分
|
|
4
|
-
|
|
5
|
-
export default function (normal: boolean, x: number, y: number, z: number, radius: number, height: number, num: number) {
|
|
6
|
-
|
|
7
|
-
let beginPosition: [number, number]
|
|
8
|
-
|
|
9
|
-
if (num == 4) {
|
|
10
|
-
beginPosition = rotate(x, z, Math.PI * 0.25, x - radius, z)
|
|
11
|
-
} else {
|
|
12
|
-
beginPosition = [x + radius, z]
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
let endPosition: [number, number], normalPosition = []
|
|
18
|
-
for (let i = 0; i < num; i++) {
|
|
19
|
-
|
|
20
|
-
endPosition = rotate(x, z, deg, ...beginPosition)
|
|
21
|
-
|
|
22
|
-
if (normal) {
|
|
23
|
-
|
|
24
|
-
normalPosition = [halfPosition[0], 0, halfPosition[1]]
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
points.push(beginPosition[0], y, beginPosition[1], ...normalPosition)
|
|
28
|
-
points.push(beginPosition[0], y + height, beginPosition[1], ...normalPosition)
|
|
29
|
-
points.push(endPosition[0], y + height, endPosition[1], ...normalPosition)
|
|
30
|
-
|
|
31
|
-
points.push(beginPosition[0], y, beginPosition[1], ...normalPosition)
|
|
32
|
-
points.push(endPosition[0], y, endPosition[1], ...normalPosition)
|
|
33
|
-
points.push(endPosition[0], y + height, endPosition[1], ...normalPosition)
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
beginPosition = endPosition
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
return points
|
|
40
|
-
}
|
|
1
|
+
import rotate from '../../rotate'
|
|
2
|
+
|
|
3
|
+
// 棱柱垂直部分
|
|
4
|
+
|
|
5
|
+
export default function (normal: boolean, x: number, y: number, z: number, radius: number, height: number, num: number) {
|
|
6
|
+
const points = []
|
|
7
|
+
let beginPosition: [number, number]
|
|
8
|
+
|
|
9
|
+
if (num == 4) {
|
|
10
|
+
beginPosition = rotate(x, z, Math.PI * 0.25, x - radius, z)
|
|
11
|
+
} else {
|
|
12
|
+
beginPosition = [x + radius, z]
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
const deg = Math.PI * 2 / num, degHalf = Math.PI * 2 / (num * 2)
|
|
16
|
+
|
|
17
|
+
let endPosition: [number, number], normalPosition = []
|
|
18
|
+
for (let i = 0; i < num; i++) {
|
|
19
|
+
|
|
20
|
+
endPosition = rotate(x, z, deg, ...beginPosition)
|
|
21
|
+
|
|
22
|
+
if (normal) {
|
|
23
|
+
const halfPosition = rotate(x, z, degHalf, ...beginPosition)
|
|
24
|
+
normalPosition = [halfPosition[0], 0, halfPosition[1]]
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
points.push(beginPosition[0], y, beginPosition[1], ...normalPosition)
|
|
28
|
+
points.push(beginPosition[0], y + height, beginPosition[1], ...normalPosition)
|
|
29
|
+
points.push(endPosition[0], y + height, endPosition[1], ...normalPosition)
|
|
30
|
+
|
|
31
|
+
points.push(beginPosition[0], y, beginPosition[1], ...normalPosition)
|
|
32
|
+
points.push(endPosition[0], y, endPosition[1], ...normalPosition)
|
|
33
|
+
points.push(endPosition[0], y + height, endPosition[1], ...normalPosition)
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
beginPosition = endPosition
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
return points
|
|
40
|
+
}
|
|
@@ -1,39 +1,40 @@
|
|
|
1
|
-
import rotate from '../../rotate'
|
|
2
|
-
|
|
3
|
-
// 球体中的一瓣子
|
|
4
|
-
|
|
5
|
-
export default function (normal: boolean, cx: number, cy: number, cz: number, radius: number, num: number, index: number) {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
1
|
+
import rotate from '../../rotate'
|
|
2
|
+
|
|
3
|
+
// 球体中的一瓣子
|
|
4
|
+
|
|
5
|
+
export default function (normal: boolean, cx: number, cy: number, cz: number, radius: number, num: number, index: number) {
|
|
6
|
+
const points = [cx, cy + radius, cz], deg = Math.PI * 2 / num
|
|
7
|
+
let point: [number, number]
|
|
8
|
+
|
|
9
|
+
if (normal) points.push(0, radius, 0)
|
|
10
|
+
|
|
11
|
+
const copy2 = () => {
|
|
12
|
+
points.push(...points.slice(points.length - (normal ? 12 : 6)))
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
for (let i = 1; i < num * 0.5; i++) {
|
|
16
|
+
point = rotate(cx, cy, deg * i, cx, cy + radius)
|
|
17
|
+
|
|
18
|
+
if (i > 1) copy2()
|
|
19
|
+
|
|
20
|
+
// 第一个点
|
|
21
|
+
const point1 = rotate(cx, cz, deg * index, point[0], cz)
|
|
22
|
+
points.push(point1[0], point[1], point1[1])
|
|
23
|
+
|
|
24
|
+
if (normal) points.push(point1[0] - cx, point[1] - cy, point1[1] - cz)
|
|
25
|
+
|
|
26
|
+
if (i > 1) copy2()
|
|
27
|
+
|
|
28
|
+
// 下一个点
|
|
29
|
+
const point2 = rotate(cx, cz, deg * (index + 1), point[0], cz)
|
|
30
|
+
points.push(point2[0], point[1], point2[1])
|
|
31
|
+
|
|
32
|
+
if (normal) points.push(point2[0] - cx, point2[1] - cy, point2[1] - cz)
|
|
33
|
+
}
|
|
34
|
+
copy2()
|
|
35
|
+
points.push(cx, cy - radius, cz)
|
|
36
|
+
|
|
37
|
+
if (normal) points.push(0, - radius, 0)
|
|
38
|
+
|
|
39
|
+
return points
|
|
40
|
+
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
// 计算切割份数
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
// 根据切割弧度得出切割块数目
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
// 为了满足最小精度而得出的切割弧度
|
|
8
|
-
Math.asin(precision / radius) * 2)
|
|
9
|
-
|
|
10
|
-
return (isNaN(num) || num < 12) ? 12 : num
|
|
11
|
-
|
|
1
|
+
// 计算切割份数
|
|
2
|
+
export const splitNum = function (precision: number, radius: number) {
|
|
3
|
+
|
|
4
|
+
// 根据切割弧度得出切割块数目
|
|
5
|
+
const num = Math.ceil(Math.PI * 2 /
|
|
6
|
+
|
|
7
|
+
// 为了满足最小精度而得出的切割弧度
|
|
8
|
+
Math.asin(precision / radius) * 2)
|
|
9
|
+
|
|
10
|
+
return (isNaN(num) || num < 12) ? 12 : num
|
|
11
|
+
|
|
12
12
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export default function (option: any, defaultOption: any) {
|
|
2
|
-
for (
|
|
3
|
-
defaultOption[key] = option[key]
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
return defaultOption
|
|
1
|
+
export default function (option: any, defaultOption: any) {
|
|
2
|
+
for (const key in option) {
|
|
3
|
+
defaultOption[key] = option[key]
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
return defaultOption
|
|
7
7
|
}
|
package/src/common/setStyle.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
// 修改样式
|
|
2
|
-
export default function (el: HTMLElement | SVGElement, styles: any) {
|
|
3
|
-
for (
|
|
4
|
-
el.style[key] = styles[key]
|
|
5
|
-
}
|
|
1
|
+
// 修改样式
|
|
2
|
+
export default function (el: HTMLElement | SVGElement, styles: any) {
|
|
3
|
+
for (const key in styles) {
|
|
4
|
+
el.style[key] = styles[key]
|
|
5
|
+
}
|
|
6
6
|
}
|