feat: 浏览地图

packages/render-core/src/canvas2d.ts

@@ -101,7 +101,6 @@ export class MotaOffscreenCanvas2D extends EventEmitter<OffscreenCanvasEvent> {
     /**
      * 复制一个离屏Canvas2D对象，一般用于缓存等操作
      * @param canvas 被复制的MotaOffscreenCanvas2D对象
-     * @returns 复制结果，注意复制结果是被冻结的，无法进行大小等的修改，但是可以继续绘制
      */
     static clone(canvas: MotaOffscreenCanvas2D): MotaOffscreenCanvas2D {
         const newCanvas = new MotaOffscreenCanvas2D();

packages/render-core/src/container.ts

@@ -140,7 +140,7 @@ export class Container<E extends EContainerEvent = EContainerEvent>
     destroy(): void {
         super.destroy();
         this.children.forEach(v => {
-            v.remove();
+            v.destroy();
         });
     }
 }

packages/render-core/src/render.ts

@@ -193,6 +193,8 @@ export class MotaRenderer extends Container implements IRenderTreeRoot {
             this.createTouchAction(ev, ActionType.Up).forEach(v => {
                 this.captureEvent(ActionType.Up, v);
                 this.captureEvent(ActionType.Click, v);
+            });
+            [...ev.touches].forEach(v => {
                 this.touchInfo.delete(v.identifier);
             });
         });
@@ -200,14 +202,18 @@ export class MotaRenderer extends Container implements IRenderTreeRoot {
             ev.preventDefault();
             this.createTouchAction(ev, ActionType.Up).forEach(v => {
                 this.captureEvent(ActionType.Up, v);
+            });
+            [...ev.touches].forEach(v => {
                 this.touchInfo.delete(v.identifier);
             });
         });
         document.addEventListener('touchmove', ev => {
             ev.preventDefault();
             this.createTouchAction(ev, ActionType.Move).forEach(v => {
-                const touch = this.touchInfo.get(v.identifier);
-                if (!touch) return;
+                const list = this.touchInfo.values();
+                if (!list.some(vv => v.identifier === vv.identifier)) {
+                    return;
+                }
                 const temp = this.beforeHovered;
                 temp.clear();
                 this.beforeHovered = this.hoveredElement;

packages/render-elements/src/misc.ts

@@ -163,7 +163,7 @@ export class Image extends RenderItem<EImageEvent> {
     image: CanvasImageSource;
 
     constructor(image: CanvasImageSource, type: RenderItemPosition = 'static') {
-        super(type);
+        super(type, false);
         this.image = image;
         if (image instanceof VideoFrame || image instanceof SVGElement) {
             this.size(200, 200);
@@ -177,7 +177,7 @@ export class Image extends RenderItem<EImageEvent> {
         _transform: Transform
     ): void {
         const ctx = canvas.ctx;
-        ctx.drawImage(this.image, 0, 0, canvas.width, canvas.height);
+        ctx.drawImage(this.image, 0, 0, this.width, this.height);
     }
 
     /**

packages/render-vue/src/renderer.ts

@@ -30,7 +30,7 @@ export const { createApp, render } = createRenderer<RenderItem, RenderItem>({
     },
 
     remove: function (el: RenderItem<ERenderItemEvent>): void {
-        el.remove();
+        el.destroy();
     },
 
     createElement: function (

packages/system-action/src/hotkey.ts

@@ -436,6 +436,13 @@ export const gameKey = new Hotkey('gameKey', '游戏按键');
 document.addEventListener('keyup', e => {
     const assist = generateBinary([e.ctrlKey, e.shiftKey, e.altKey]);
     const code = keycode(e.keyCode);
+    if (
+        code === KeyCode.Alt ||
+        code === KeyCode.Shift ||
+        code === KeyCode.Ctrl
+    ) {
+        e.preventDefault();
+    }
     if (gameKey.emitKey(code, assist, 'up', e)) {
         e.preventDefault();
         if (core.status.holdingKeys) {