structuredClone() 无法拷贝 ImageData 实例，因其被 HTML 规范列为“不可克隆的平台对象”，直接调用会抛出 DataCloneError；推荐手动重建：用 structuredClone(imageData.data) 克隆像素数组，再结合 width、height 创建新 ImageData。
structuredClone() 无法直接拷贝 ImageData 实例，因为 ImageData 不是可结构化克隆（structured clone）的类型——它的 data 属性是 Uint8ClampedArray，虽本身可克隆，但整个 ImageData 对象在规范中被明确排除在可克隆对象列表之外（截至 ECMAScript 和 HTML 标准最新版本）。直接调用 structuredClone(imageData) 会抛出 DataCloneError。
为什么 ImageData 不能被 structuredClone()
HTML 规范将 ImageData 归类为“不可克隆的平台对象”。即使其字段（data、width、height）都是基础类型或可克隆类型，浏览器仍禁止整体克隆，主要出于安全与实现一致性考虑——避免意外暴露底层像素内存或跨上下文共享敏感图像数据。
推荐替代方案：手动重建 ImageData
最可靠、兼容性好且语义清晰的方式是提取原始数据并新建实例：
- 用
structuredClone(imageData.data)安全克隆像素数组（Uint8ClampedArray是可克隆的） - 保留
imageData.width和imageData.height - 用克隆后的数组和尺寸构造新
ImageData
示例代码：
function cloneImageData(imageData) {
const clonedData = structuredClone(imageData.data);
return new ImageData(clonedData, imageData.width, imageData.height);
}
// 使用
const original = ctx.getImageData(0, 0, 100, 100);
const cloned = cloneImageData(original); // ✅ 成功，像素独立
注意点与边界情况
-
透明度通道需保持一致：确保
ImageData创建时未指定{ colorSpace: 'display-p3' }等非默认选项；如需保留色彩空间，需显式传入（但注意该选项目前非广泛支持） -
不适用于 OffscreenCanvas 的 ImageData：若来自
OffscreenCanvas.getContext('2d').getImageData()，同样适用上述方法；但注意 OffscreenCanvas 本身不可克隆，只能克隆其导出的ImageData数据 -
性能提示：对大图频繁克隆时，
structuredClone()拷贝Uint8ClampedArray仍是深拷贝，开销与slice()相当；若仅需临时读写，可考虑复用缓冲区而非每次都克隆
不推荐的绕过方式
试图用 JSON.stringify() + JSON.parse() 会丢失二进制数据；用 Array.from() 或 Uint8ClampedArray.from() 需手动处理长度与类型，不如 structuredClone() 简洁安全；通过 canvas 中转（drawImage → getImageData）引入额外渲染开销且不必要。
