From 0773d66c559f2d648b62ed8f7db80c7ffc47ce1c Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期六, 02 三月 2024 15:39:31 +0800 Subject: [PATCH] # --- zy-asrs-flow/src/pages/map/index.jsx | 20 +++++++++++--------- zy-asrs-flow/src/pages/map/utils.js | 21 +++++++++++++++++++++ 2 files changed, 32 insertions(+), 9 deletions(-) diff --git a/zy-asrs-flow/src/pages/map/index.jsx b/zy-asrs-flow/src/pages/map/index.jsx index 5c9e828..9e38601 100644 --- a/zy-asrs-flow/src/pages/map/index.jsx +++ b/zy-asrs-flow/src/pages/map/index.jsx @@ -6,6 +6,7 @@ import './index.css' import { createStyles } from 'antd-style'; import Edit from './components/edit' +import * as Utils from './utils' const useStyles = createStyles(({ token }) => { let dark = token.colorBgBase === '#000'; @@ -59,6 +60,10 @@ }); React.useEffect(() => { + + Utils.syncApp(app); + Utils.syncMapContainer(mapContainer); + const handleResize = () => { setWindowSize({ width: window.innerWidth, @@ -104,10 +109,9 @@ } const onDrop = (sprite, x, y) => { - const rect = app.view.getBoundingClientRect(); - sprite.anchor.set(0.5); - sprite.x = x - rect.left; - sprite.y = y - rect.top; + const { mapX, mapY } = Utils.getRealPosition(x, y); + sprite.x = mapX; + sprite.y = mapY; mapContainer.addChild(sprite); } @@ -126,11 +130,9 @@ <Edit open={editModalVisible} - onCancel={ - () => { - setEditModalVisible(false); - } - } + onCancel={() => { + setEditModalVisible(false); + }} refCurr={mapRef.current} onDrop={onDrop} mapContainer={mapContainer} diff --git a/zy-asrs-flow/src/pages/map/utils.js b/zy-asrs-flow/src/pages/map/utils.js new file mode 100644 index 0000000..dd542bd --- /dev/null +++ b/zy-asrs-flow/src/pages/map/utils.js @@ -0,0 +1,21 @@ + + + +let app = null; +let mapContainer = null; + +export function syncApp(param) { + app = param; +} + +export function syncMapContainer(param) { + mapContainer = param; +} + +export const getRealPosition = (x, y) => { + const rect = app.view.getBoundingClientRect(); + return { + mapX: x - rect.left, + mapY: y - rect.top + } +} \ No newline at end of file -- Gitblit v1.9.1