浅拷贝不能隔离 ImageData 像素数据，因 data 属性共享底层 ArrayBuffer；需用 new Uint8ClampedArray(imgData.data) 深拷贝缓冲区，再构造新 ImageData 才能安全修改。
浅拷贝在 Canvas 图像像素处理中不能也不应该用来“保留引用”——它的作用恰恰相反：是为了在不破坏原始 ImageData 的前提下，获得一份可安全修改的副本。但关键在于，ImageData 本身是个特殊对象，它的 data 属性（Uint8ClampedArray）是按值共享的底层缓冲区，不是普通对象的引用关系。所以“浅拷贝保留引用”这个说法容易误导，真正需要理解的是：如何正确复制像素数据，避免意外联动。
ImageData.data 不是普通引用，而是共享 ArrayBuffer
ImageData 实例包含一个 data 属性，类型为 Uint8ClampedArray。这个数组背后绑定的是同一个 ArrayBuffer。即使你用 Object.assign 或展开运算符对 ImageData 对象做浅拷贝：
- 新对象的
width、height等属性是独立拷贝的（基本类型） - 但
newImgData.data和原imgData.data仍指向同一块内存——改一个，另一个立刻可见 - 这不是“浅拷贝保留了引用”，而是
Uint8ClampedArray的设计机制：多个视图可共享底层缓冲
想真正隔离像素？必须深拷贝 data 缓冲区
如果你要修改像素又不想影响原始图像，不能依赖对象层面的浅拷贝。必须手动复制像素值本身：
- 用
new Uint8ClampedArray(originalData)创建新数组（会逐字节拷贝） - 或用
originalData.slice()（对Uint8ClampedArray有效） - 再构造新
ImageData：new ImageData(newData, width, height) - 这样得到的才是完全独立的像素副本，改它不会波及原始
ImageData
为什么 Object.assign({}) 对 ImageData 无效？
ImageData 是宿主对象，它的 data 属性是不可枚举、不可配置的。这意味着：
立即学习“Java免费学习笔记（深入）”；
-
Object.assign({}, imgData)只会拷贝width和height（如果它们是自有可枚举属性），但通常得不到data -
{...imgData}同样忽略data，结果是个空对象或只有部分属性 - 所以不要试图用通用浅拷贝方法操作
ImageData，它不适用
实际处理建议：一步到位，别绕弯
处理 Canvas 像素时，推荐直接、明确的操作流程：
- 获取原始数据：
const imgData = ctx.getImageData(x, y, w, h) - 创建独立像素副本：
const newData = new Uint8ClampedArray(imgData.data) - 封装成新 ImageData：
const safeCopy = new ImageData(newData, imgData.width, imgData.height) - 对
safeCopy.data遍历修改，再putImageData(safeCopy, ...)
