#

luxiaotao1123

2024-03-02 2e4d0e4edb6b892223dce6513c9e0f8a24fa970d

 zy-asrs-flow/src/pages/map/index.jsx

@@ -51,6 +51,11 @@
        height: window.innerHeight,
    });

    let mapContainer = new PIXI.Container();
    mapContainer.name = "mapContainer";
    mapContainer.data = {};
    app.stage.addChild(mapContainer);

    React.useEffect(() => {
        const handleResize = () => {
            setWindowSize({
@@ -66,12 +71,6 @@
            app.stage.hitArea = app.screen;
            globalThis.__PIXI_APP__ = app;
            mapRef.current.appendChild(app.view);

            // mapContainer ------------------------------
            const mapContainer = new PIXI.Container();
            mapContainer.name = "mapContainer";
            mapContainer.data = {};
            app.stage.addChild(mapContainer);

            const texture = PIXI.Texture.from('https://pixijs.com/assets/bunny.png');
            const bunny = new PIXI.Sprite(texture);
@@ -102,6 +101,14 @@
        setEditModalVisible(true);
    }

    const onDrop = (x, y) => {
        const bunny = PIXI.Sprite.from('https://pixijs.io/examples/examples/assets/bunny.png');
        bunny.anchor.set(0.5);
        bunny.x = x;
        bunny.y = y;
        app.stage.addChild(bunny);
    }

    return (
        <>
            <Layout className={styles.layout}>
@@ -123,6 +130,7 @@
                    }
                }
                refCurr={mapRef.current}
                onDrop={onDrop}
            />
        </>
    )