图片合并引擎升级

更新日期：2026-08-18

更新类型：核心优化

原生 Canvas 引擎

首页和Grid 页的图片合并功能已从 DOM 截图方案切换为浏览器原生 Canvas。图片的位置、尺寸、间距、外边框、圆角、背景和 cover 裁剪效果现在由 Canvas 直接绘制，预览仍然保留原有的页面交互。

新的处理方式减少了对完整 DOM 和 CSS 截图的依赖，也为后续的尺寸控制和导出优化提供了更稳定的基础。所有图片处理仍在本地浏览器中完成。

导出格式与文件大小

导出流程现在使用 Blob，并根据下载选项重新编码：

• PNG：无损格式，适合透明背景、文字和图形；体积通常不会明显小于其他 PNG 文件。
• JPEG：适合照片拼接，通常比 PNG 更小；透明区域会使用白色背景。
• WebP：在画质和文件大小之间取得更好的平衡。
• BMP：由于浏览器 Canvas 没有统一可靠的 BMP 编码器，将回退为 PNG 并使用 .png 扩展名。

JPEG 和 WebP 当前使用约 86% 的导出质量。即使在预览弹窗中重新选择格式，下载时也会按照当前选择重新编码，确保扩展名和实际内容一致。

背景颜色快速预设

首页和 Grid 页的背景颜色配置项新增了可直接点击的预设色块，包括白色、雾灰、暖橙、柔黄、薄荷绿、天蓝、淡紫和深灰。

用户可以点击色块快速应用背景，也可以继续打开颜色选择器自定义颜色。背景色会影响外边框、图片间距、圆角裁剪后的区域以及透明图片的显示效果。

首页垂直预览优化

首页预览会根据布局方向采用不同的滚动策略：垂直布局会自动限制内容宽度并隐藏横向滚动条，水平布局则保留横向滚动能力，方便查看宽图拼接结果。垂直布局的宽度约束也避免了隐藏滚动条后裁剪图片内容。

隐私保护保持不变

图片选择、布局计算、Canvas 绘制、格式编码和下载都在用户自己的浏览器中完成。图片不会上传到服务器，也不会交给第三方处理。