zoom截图有黑边

[defghy]

原问题：#369

带zoom的元素截图，右下有黑边，以下是ai的解决方案

  const result = await snapdom(boardsEl, {
    plugins: [
      {
        name: 'reset-snapshot-root-zoom',
        afterClone({ clone }) {
          // snapdom按未缩放尺寸创建画布，克隆根节点保留zoom会导致右侧和底部留白
          clone?.style.setProperty('zoom', '1')
        },
      },
    ],
  })

原因找到了：`snapdom@2.24.1` 对**根节点 CSS `zoom < 1`** 仍有问题。画布按未缩放尺寸创建，但克隆内容保留了 `zoom`，所以内容缩在左上角，右侧和底部出现空边。

已修复：

- 截图克隆阶段将根节点 `zoom` 设为 `1`，不影响页面实际缩放，也不会产生闪动。
- 同步修改了 [AIMod/sandbox.ts](/Users/happyelements/project/animal-world/platforms/aweb-level-editor/src/views/Editor/ai/AIMod/sandbox.ts:186) 和 [AICreate/sandbox.ts](/Users/happyelements/project/animal-world/platforms/aweb-level-editor/src/views/Editor/ai/AICreate/sandbox.ts:213)。
- 清理了废弃的 `aleFuncs/changeZoom` 代码。

已用 Chrome 最小复现验证 `zoom=0.8` 四边正常覆盖；Prettier 检查和 ALE 生产构建均通过。

[defghy]

建议的库修复方案

根因：

1. snapdom 使用未缩放的 offsetWidth/offsetHeight 计算画布。
2. cloneNode(false) 会复制元素的内联 zoom。
3. 克隆在 foreignObject 中再次应用 zoom。
4. zoom < 1 时内容缩到左上角，导致右侧、底部留白。

上游应修改 src/modules/styles.js 中的 normalizeInlineStyleToComputed()：

function normalizeInlineStyleToComputed(source, clone, computed) {
  if (!source.style || source.style.length === 0) return

  for (let i = 0; i < source.style.length; i++) {
    const prop = source.style[i]

    if (prop.toLowerCase() === 'zoom') {
      clone.style.removeProperty(prop)
      continue
    }

    const val = computed.getPropertyValue(prop)
    if (val) clone.style.setProperty(prop, val)
  }
}

关键是必须调用：

clone.style.removeProperty('zoom')

只跳过写入不够，因为 cloneNode(false) 已经复制了原始 zoom。

建议同时增加两个回归测试：

• 克隆节点不再保留内联 zoom
• zoom: 0.8 栅格化后，右上角和右下角像素仍是内容颜色，而不是 JPEG 背景色

不建议调整画布宽高，也不建议把所有 shouldIgnoreProp() 属性都从内联样式中删除，这会扩大影响范围。该修复适合作为 2.24.2 patch 版本发布。发布前，业务侧继续使用 afterClone 清除克隆根节点 zoom 的兼容方案即可。

[tinchox5]

Thank you for open this issue. I will check your proposal and fix it!

[tinchox5]

@defghy please check the fix by compiling you own version

git clone https://github.com/zumerlab/snapdom.git
cd snapdom
npm install
npm run compile

[defghy]

@defghy please check the fix by compiling you own version

git clone https://github.com/zumerlab/snapdom.git
cd snapdom
npm install
npm run compile

测试无问题

代码：

import { snapdom } from '/Users/happyelements/project/libs/snapdom/dist/snapdom.mjs'
const result = await snapdom(boardsEl)

[tinchox5]

Excellent! Thank you