From b9f0dfc4c0c48d65842d417b5babe1304439a735 Mon Sep 17 00:00:00 2001
From: whyczyk <525500596@qq.com>
Date: 星期一, 19 七月 2021 16:09:37 +0800
Subject: [PATCH] 首页拓扑图问题修改
---
src/pages/home/topoGraphdiagram/js/gridCircuitDiagram.js | 787 +++++++++++++++++++++++++++++++++++--------------------
1 files changed, 498 insertions(+), 289 deletions(-)
diff --git a/src/pages/home/topoGraphdiagram/js/gridCircuitDiagram.js b/src/pages/home/topoGraphdiagram/js/gridCircuitDiagram.js
index e439662..fe086ee 100644
--- a/src/pages/home/topoGraphdiagram/js/gridCircuitDiagram.js
+++ b/src/pages/home/topoGraphdiagram/js/gridCircuitDiagram.js
@@ -13,7 +13,7 @@
import system from '../images/system.png'
import shock from '../images/shock.png'
const lineStrokeColor = '#ffffff';
-const lineWidth = 4;
+const lineWidth = 5;
const arrow = {
lineWidth: 2,
size: 30,
@@ -106,23 +106,33 @@
showPanel: false
});
- let line16 = diagram.line({
+ // let line16 = diagram.line({
+ // id: 'line16',
+ // strokeStyle: '#fb46af',
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [Image11.right[0] + 10, Image11.right[1]],
+ // [Image11.right[0] + 70, Image11.right[1]]
+ // ]
+ // })
+
+ let line16 = diagram.dashLine({
id: 'line16',
- strokeStyle: '#fb46af',
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[Image11.right[0] + 10, Image11.right[1]],
- [Image11.right[0] + 70, Image11.right[1]]
+ [Image11.right[0] + 110, Image11.right[1]]
]
- })
- let arrow1 = diagram.drawArrow({
- id: 'arrow1',
- fillStyle: '#fb46af',
- size: arrow.size,
- direction: 'right',
- type: 'fill',
- point: line16[1]
- })
+ });
+
+ // let arrow1 = diagram.drawArrow({
+ // id: 'arrow1',
+ // fillStyle: '#fb46af',
+ // size: arrow.size,
+ // direction: 'right',
+ // type: 'fill',
+ // point: line16[1]
+ // })
//缁樺埗鎷撴墤鍥句緵娌圭珯
let Image12 = diagram.drawImage({
@@ -144,23 +154,33 @@
showPanel: false
});
- let line17 = diagram.line({
+ // let line17 = diagram.line({
+ // id: 'line17',
+ // strokeStyle: '#fb46af',
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [Image12.right[0], Image12.right[1]],
+ // [Image12.right[0] + 44, Image12.right[1]]
+ // ]
+ // })
+
+ let line17 = diagram.dashLine({
id: 'line17',
- strokeStyle: '#fb46af',
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[Image12.right[0], Image12.right[1]],
- [Image12.right[0] + 44, Image12.right[1]]
+ [Image12.right[0] + 85, Image12.right[1]]
]
- })
- let arrow2 = diagram.drawArrow({
- id: 'arrow2',
- fillStyle: '#fb46af',
- size: arrow.size,
- direction: 'right',
- type: 'fill',
- point: line17[1]
- })
+ });
+
+ // let arrow2 = diagram.drawArrow({
+ // id: 'arrow2',
+ // fillStyle: '#fb46af',
+ // size: arrow.size,
+ // direction: 'right',
+ // type: 'fill',
+ // point: line17[1]
+ // })
return diagram;
@@ -219,7 +239,7 @@
id: 'km1',
point: [line1[1][0], line1[1][1]],
direction: 'bottom',
- color: '#c0becf',
+ color: '#50cef5',
state: false,
flush: true,
});
@@ -234,10 +254,10 @@
]
})
- // 5000KVA寮�鍏砐1
+ // 5000kVA寮�鍏砐1
let text2 = diagram.text({
id: 'text1',
- text: '5000KVA寮�鍏�',
+ text: '5000kVA寮�鍏�',
baseline: 'middle',
fillStyle: '#ffffff',
fontSize: 14,
@@ -265,7 +285,7 @@
id: 'km2',
point: line3[1],
direction: 'bottom',
- color: '#c0becf',
+ color: '#50cef5',
state: false,
flush: true,
});
@@ -280,10 +300,10 @@
]
})
- // 3200KVA寮�鍏�
+ // 3200kVA寮�鍏�
let text4 = diagram.text({
id: 'text2',
- text: '3200KVA寮�鍏�& 1250A',
+ text: '3200kVA寮�鍏�& 1250A',
fillStyle: '#ffffff',
fontSize: 14,
point: [onOff2.line1[1][0] + 30, onOff2.line1[1][1]],
@@ -305,7 +325,7 @@
id: 'km3',
point: line5[1],
direction: 'bottom',
- color: '#c0becf',
+ color: '#50cef5',
state: false,
flush: true,
});
@@ -320,10 +340,10 @@
]
})
- // 3200KVA寮�鍏�
+ // 3200kVA寮�鍏�
let text5 = diagram.text({
id: 'text3',
- text: '3200KVA寮�鍏�& 1250A',
+ text: '3200kVA寮�鍏�& 1250A',
fillStyle: '#ffffff',
fontSize: 14,
point: [onOff3.line1[1][0] - 140, onOff3.line1[1][1]],
@@ -571,7 +591,7 @@
id: 'km4',
point: [line14[1][0], line14[1][1] - 28],
direction: 'bottom',
- color: '#c0becf',
+ color: '#50cef5',
state: false,
flush: true,
});
@@ -586,10 +606,10 @@
]
})
- // 5200KVA寮�鍏�
+ // 5200kVA寮�鍏�
let text13 = diagram.text({
id: "text6",
- text: '5200KVA寮�鍏�& 1250A',
+ text: '5200kVA寮�鍏�& 1250A',
fillStyle: '#ffffff',
fontSize: 14,
point: [onOff4.arc1.left[0] - 130, onOff4.arc1.left[1] - 9],
@@ -629,216 +649,323 @@
point: [radiusRect.top[0] - 47, radiusRect.top[1] - 12],
radBorder: true
});
-
- let line18 = diagram.line({
+ // let line18 = diagram.line({
+ // id: 'line18',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [radiusRect.left[0] - 320, 226],
+ // [radiusRect.left[0] - 40, 226]
+ // ]
+ // })
+ let line18 = diagram.dashLine({
id: 'line18',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
- [radiusRect.left[0] - 300, 226],
- [radiusRect.left[0] - 40, 226]
+ [radiusRect.left[0] - 330, 226],
+ [radiusRect.left[0] - 10, 226]
]
- })
+ });
- let arrow3 = diagram.drawArrow({
- id: 'arrow3',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'right',
- type: 'fill',
- point: line18[1]
- })
+ // let arrow3 = diagram.drawArrow({
+ // id: 'arrow3',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'right',
+ // type: 'fill',
+ // point: line18[1]
+ // })
- let arrow4 = diagram.drawArrow({
- id: 'arrow4',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'left',
- type: 'fill',
- point: line18[0]
- })
+ // let arrow4 = diagram.drawArrow({
+ // id: 'arrow4',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'left',
+ // type: 'fill',
+ // point: line18[0]
+ // })
- let line19 = diagram.line({
+ // let line19 = diagram.line({
+ // id: 'line19',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [radiusRect.left[0] - 260, 266],
+ // [radiusRect.left[0] - 40, 266]
+ // ]
+ // })
+
+ let line19 = diagram.dashLine({
id: 'line19',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[radiusRect.left[0] - 260, 266],
- [radiusRect.left[0] - 40, 266]
+ [radiusRect.left[0] - 10, 266]
]
- })
+ });
- let arrow5 = diagram.drawArrow({
- id: 'arrow5',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'right',
- type: 'fill',
- point: line19[1]
- })
+ // let arrow5 = diagram.drawArrow({
+ // id: 'arrow5',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'right',
+ // type: 'fill',
+ // point: line19[1]
+ // })
- let line20 = diagram.line({
+ // let line20 = diagram.line({
+ // id: 'line20',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [line19[0][0], line19[0][1] - arrow.lineWidth / 2],
+ // [line19[0][0], line19[0][1] + 130]
+ // ]
+ // })
+
+ let line20 = diagram.dashLine({
id: 'line20',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[line19[0][0], line19[0][1] - arrow.lineWidth / 2],
[line19[0][0], line19[0][1] + 130]
]
- })
+ });
- let line21 = diagram.line({
+
+ // let line21 = diagram.line({
+ // id: 'line21',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [line20[1][0] + arrow.lineWidth / 2, line20[1][1]],
+ // [line20[1][0] - 40, line20[1][1]]
+ // ]
+ // })
+
+ let line21 = diagram.dashLine({
id: 'line21',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[line20[1][0] + arrow.lineWidth / 2, line20[1][1]],
- [line20[1][0] - 40, line20[1][1]]
+ [line20[1][0] - 70, line20[1][1]]
]
- })
+ });
- let arrow6 = diagram.drawArrow({
- id: 'arrow6',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'left',
- type: 'fill',
- point: line21[1]
- })
+ // let arrow6 = diagram.drawArrow({
+ // id: 'arrow6',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'left',
+ // type: 'fill',
+ // point: line21[1]
+ // })
- let line22 = diagram.line({
+ // let line22 = diagram.line({
+ // id: 'line22',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [radiusRect.left[0] - 220, 306],
+ // [radiusRect.left[0] - 40, 306]
+ // ]
+ // })
+
+ let line22 = diagram.dashLine({
id: 'line22',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[radiusRect.left[0] - 220, 306],
- [radiusRect.left[0] - 40, 306]
+ [radiusRect.left[0] - 10, 306]
]
- })
+ });
- let arrow7 = diagram.drawArrow({
- id: 'arrow7',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'right',
- type: 'fill',
- point: line22[1]
- })
+ // let arrow7 = diagram.drawArrow({
+ // id: 'arrow7',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'right',
+ // type: 'fill',
+ // point: line22[1]
+ // })
- let line23 = diagram.line({
+ // let line23 = diagram.line({
+ // id: 'line23',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [line22[0][0], line22[0][1] - arrow.lineWidth / 2],
+ // [line22[0][0], line22[0][1] + 135]
+ // ]
+ // })
+
+ let line23 = diagram.dashLine({
id: 'line23',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[line22[0][0], line22[0][1] - arrow.lineWidth / 2],
[line22[0][0], line22[0][1] + 135]
]
- })
+ });
- let line24 = diagram.line({
+ // let line24 = diagram.line({
+ // id: 'line24',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [line23[1][0] + arrow.lineWidth / 2, line23[1][1]],
+ // [line23[1][0] - 55, line23[1][1]]
+ // ]
+ // })
+
+ let line24 = diagram.dashLine({
id: 'line24',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[line23[1][0] + arrow.lineWidth / 2, line23[1][1]],
[line23[1][0] - 55, line23[1][1]]
]
- })
+ });
- let line25 = diagram.line({
+ // let line25 = diagram.line({
+ // id: 'line25',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [line24[1][0], line24[1][1] - arrow.lineWidth / 2],
+ // [line24[1][0], line24[1][1] + 191]
+ // ]
+ // })
+
+ let line25 = diagram.dashLine({
id: 'line25',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[line24[1][0], line24[1][1] - arrow.lineWidth / 2],
[line24[1][0], line24[1][1] + 191]
]
- })
+ });
- let line26 = diagram.line({
+ // let line26 = diagram.line({
+ // id: 'line26',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [line25[1][0] + arrow.lineWidth / 2, line25[1][1]],
+ // [line25[1][0] - 30, line25[1][1]]
+ // ]
+ // })
+
+ let line26 = diagram.dashLine({
id: 'line26',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[line25[1][0] + arrow.lineWidth / 2, line25[1][1]],
- [line25[1][0] - 30, line25[1][1]]
+ [line25[1][0] - 55, line25[1][1]]
]
- })
+ });
- let arrow8 = diagram.drawArrow({
- id: 'arrow8',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'left',
- type: 'fill',
- point: line26[1]
- })
+ // let arrow8 = diagram.drawArrow({
+ // id: 'arrow8',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'left',
+ // type: 'fill',
+ // point: line26[1]
+ // })
- let line27 = diagram.line({
+ // let line27 = diagram.line({
+ // id: 'line27',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [radiusRect.left[0] - 150, 346],
+ // [radiusRect.left[0] - 40, 346]
+ // ]
+ // })
+
+ let line27 = diagram.dashLine({
id: 'line27',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[radiusRect.left[0] - 150, 346],
- [radiusRect.left[0] - 40, 346]
+ [radiusRect.left[0] - 10, 346]
]
- })
+ });
- let arrow9 = diagram.drawArrow({
- id: 'arrow9',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'right',
- type: 'fill',
- point: line27[1]
- })
+ // let arrow9 = diagram.drawArrow({
+ // id: 'arrow9',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'right',
+ // type: 'fill',
+ // point: line27[1]
+ // })
- let line28 = diagram.line({
+ // let line28 = diagram.line({
+ // id: 'line28',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [line27[0][0], line27[0][1] - arrow.lineWidth / 2],
+ // [line27[0][0], line27[0][1] + 190]
+ // ]
+ // })
+
+ let line28 = diagram.dashLine({
id: 'line28',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[line27[0][0], line27[0][1] - arrow.lineWidth / 2],
- [line27[0][0], line27[0][1] + 190]
+ [line27[0][0], line27[0][1] + 250]
]
- })
+ });
- let arrow10 = diagram.drawArrow({
- id: 'arrow10',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'bottom',
- type: 'fill',
- point: line28[1]
- })
+ // let arrow10 = diagram.drawArrow({
+ // id: 'arrow10',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'bottom',
+ // type: 'fill',
+ // point: line28[1]
+ // })
- let line29 = diagram.line({
+ // let line29 = diagram.line({
+ // id: 'line29',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [850, radiusRect.bottom[1] + 40],
+ // [850, radiusRect.bottom[1] + 80]
+ // ]
+ // })
+
+ let line29 = diagram.dashLine({
id: 'line29',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
- [850, radiusRect.bottom[1] + 40],
- [850, radiusRect.bottom[1] + 80]
+ [850, radiusRect.bottom[1] + 10],
+ [850, radiusRect.bottom[1] + 85]
]
- })
+ });
- let arrow11 = diagram.drawArrow({
- id: 'arrow11',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'top',
- type: 'fill',
- point: line29[0]
- })
+ // let arrow11 = diagram.drawArrow({
+ // id: 'arrow11',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'top',
+ // type: 'fill',
+ // point: line29[0]
+ // })
- let arrow12 = diagram.drawArrow({
- id: 'arrow12',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'bottom',
- type: 'fill',
- point: line29[1]
- })
+ // let arrow12 = diagram.drawArrow({
+ // id: 'arrow12',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'bottom',
+ // type: 'fill',
+ // point: line29[1]
+ // })
// 鎸姩娴嬭瘯绯荤粺
let text16 = diagram.text({
@@ -846,7 +973,7 @@
baseline: 'middle',
fillStyle: '#ffffff',
fontSize: 14,
- point: [arrow12.bottom[0] - 40, arrow12.bottom[1] + 18],
+ point: [line29[1][0] - 40, line29[1][1] + 18],
radBorder: true
});
@@ -859,167 +986,249 @@
height: 65
})
- let line30 = diagram.line({
+ // let line30 = diagram.line({
+ // id: 'line30',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [Image14.bottom[0], Image14.bottom[1] + 65],
+ // [Image14.bottom[0] - 90, Image14.bottom[1] + 65]
+ // ]
+ // })
+
+ let line30 = diagram.dashLine({
id: 'line30',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[Image14.bottom[0], Image14.bottom[1] + 65],
- [Image14.bottom[0] - 90, Image14.bottom[1] + 65]
+ [Image14.bottom[0] - 115, Image14.bottom[1] + 65]
]
- })
+ });
- let line31 = diagram.line({
+ // let line31 = diagram.line({
+ // id: 'line31',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [line30[0][0], line30[0][1] + arrow.lineWidth / 2],
+ // [line30[0][0], line30[0][1] - 25]
+ // ]
+ // })
+
+ let line31 = diagram.dashLine({
id: 'line31',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[line30[0][0], line30[0][1] + arrow.lineWidth / 2],
- [line30[0][0], line30[0][1] - 25]
+ [line30[0][0], line30[0][1] - 55]
]
- })
+ });
- let arrow14 = diagram.drawArrow({
- id: 'arrow14',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'left',
- type: 'fill',
- point: line30[1]
- })
+ // let arrow14 = diagram.drawArrow({
+ // id: 'arrow14',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'left',
+ // type: 'fill',
+ // point: line30[1]
+ // })
- let arrow15 = diagram.drawArrow({
- id: 'arrow15',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'top',
- type: 'fill',
- point: line31[1]
- })
+ // let arrow15 = diagram.drawArrow({
+ // id: 'arrow15',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'top',
+ // type: 'fill',
+ // point: line31[1]
+ // })
- let line32 = diagram.line({
+ // let line32 = diagram.line({
+ // id: 'line32',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [980, radiusRect.bottom[1] + 40],
+ // [980, radiusRect.bottom[1] + 200]
+ // ]
+ // })
+
+ let line32 = diagram.dashLine({
id: 'line32',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
- [980, radiusRect.bottom[1] + 40],
- [980, radiusRect.bottom[1] + 200]
+ [980, radiusRect.bottom[1] + 10],
+ [980, radiusRect.bottom[1] + 230]
]
- })
+ });
- let arrow16 = diagram.drawArrow({
- id: 'arrow16',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'top',
- type: 'fill',
- point: line32[0]
- })
+ // let arrow16 = diagram.drawArrow({
+ // id: 'arrow16',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'top',
+ // type: 'fill',
+ // point: line32[0]
+ // })
- let arrow17 = diagram.drawArrow({
- id: 'arrow17',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'bottom',
- type: 'fill',
- point: line32[1]
- })
+ // let arrow17 = diagram.drawArrow({
+ // id: 'arrow17',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'bottom',
+ // type: 'fill',
+ // point: line32[1]
+ // })
- let line33 = diagram.line({
+ // let line33 = diagram.line({
+ // id: 'line33',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [radiusRect.right[0] + 40, 346],
+ // [radiusRect.right[0] + 120, 346]
+ // ]
+ // })
+
+ let line33 = diagram.dashLine({
id: 'line33',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
- [radiusRect.right[0] + 40, 346],
+ [radiusRect.right[0] + 10, 346],
[radiusRect.right[0] + 120, 346]
]
- })
+ });
- let arrow18 = diagram.drawArrow({
- id: 'arrow18',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'left',
- type: 'fill',
- point: line33[0]
- })
+ // let arrow18 = diagram.drawArrow({
+ // id: 'arrow18',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'left',
+ // type: 'fill',
+ // point: line33[0]
+ // })
- let line34 = diagram.line({
+ // let line34 = diagram.line({
+ // id: 'line34',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [line33[1][0], line33[1][1] - arrow.lineWidth / 2],
+ // [line33[1][0], line33[1][1] + 270]
+ // ]
+ // })
+
+ let line34 = diagram.dashLine({
id: 'line34',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[line33[1][0], line33[1][1] - arrow.lineWidth / 2],
- [line33[1][0], line33[1][1] + 270]
+ [line33[1][0], line33[1][1] + 295]
]
- })
+ });
- let line35 = diagram.line({
+ // let line35 = diagram.line({
+ // id: 'line35',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [line34[1][0] - arrow.lineWidth / 2, line34[1][1]],
+ // [line34[1][0] + 130, line34[1][1]]
+ // ]
+ // })
+
+ let line35 = diagram.dashLine({
id: 'line35',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[line34[1][0] - arrow.lineWidth / 2, line34[1][1]],
- [line34[1][0] + 130, line34[1][1]]
+ [line34[1][0] + 160, line34[1][1]]
]
- })
+ });
- let arrow19 = diagram.drawArrow({
- id: 'arrow19',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'right',
- type: 'fill',
- point: line35[1]
- })
+ // let arrow19 = diagram.drawArrow({
+ // id: 'arrow19',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'right',
+ // type: 'fill',
+ // point: line35[1]
+ // })
- let line36 = diagram.line({
+ // let line36 = diagram.line({
+ // id: 'line36',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [radiusRect.right[0] + 40, 280],
+ // [radiusRect.right[0] + 170, 280]
+ // ]
+ // })
+
+ let line36 = diagram.dashLine({
id: 'line36',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
- [radiusRect.right[0] + 40, 280],
+ [radiusRect.right[0] + 10, 280],
[radiusRect.right[0] + 170, 280]
]
- })
+ });
- let arrow20 = diagram.drawArrow({
- id: 'arrow20',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'left',
- type: 'fill',
- point: line36[0]
- })
+ // let arrow20 = diagram.drawArrow({
+ // id: 'arrow20',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'left',
+ // type: 'fill',
+ // point: line36[0]
+ // })
- let line37 = diagram.line({
+ // let line37 = diagram.line({
+ // id: 'line37',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [line36[1][0], line36[1][1] - arrow.lineWidth / 2],
+ // [line36[1][0], line36[1][1] + 150]
+ // ]
+ // })
+
+ let line37 = diagram.dashLine({
id: 'line37',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[line36[1][0], line36[1][1] - arrow.lineWidth / 2],
- [line36[1][0], line36[1][1] + 150]
+ [line36[1][0], line36[1][1] + 175]
]
- })
+ });
- let line38 = diagram.line({
+
+ // let line38 = diagram.line({
+ // id: 'line38',
+ // strokeStyle: arrow.systemColor,
+ // lineWidth: arrow.lineWidth,
+ // points: [
+ // [line37[1][0] - arrow.lineWidth / 2, line37[1][1]],
+ // [line37[1][0] + 50, line37[1][1]]
+ // ]
+ // })
+
+ let line38 = diagram.dashLine({
id: 'line38',
- strokeStyle: arrow.systemColor,
- lineWidth: arrow.lineWidth,
+ strokeStyle: '#ffffff',
points: [
[line37[1][0] - arrow.lineWidth / 2, line37[1][1]],
- [line37[1][0] + 50, line37[1][1]]
+ [line37[1][0] + 80, line37[1][1]]
]
- })
+ });
- let arrow21 = diagram.drawArrow({
- id: 'arrow21',
- fillStyle: arrow.systemColor,
- size: arrow.size,
- direction: 'right',
- type: 'fill',
- point: line38[1]
- })
+ // let arrow21 = diagram.drawArrow({
+ // id: 'arrow21',
+ // fillStyle: arrow.systemColor,
+ // size: arrow.size,
+ // direction: 'right',
+ // type: 'fill',
+ // point: line38[1]
+ // })
}
--
Gitblit v1.9.1