javascript - `createImageData()` 和 `new ImageData()` 有何不同？

Question

我注意到两个 JavaScript API 成员看起来非常相似:

• 函数CanvasRenderingContext2D.createImageData(width, height)
• 构造函数 new ImageData(width, height)

我应该如何正确选择使用哪一个？或者它们本质上是可以互换的？

乍一看，一个区别是 ImageData 构造函数被标记为“这是一项实验性技术/因为该技术的规范尚未稳定...”。

Answer 1

如果这两个 API 都能完成您想要的，您可以使用其中一个。如果一个 API 有相关的特性或限制，那么你需要根据这些事实来决定。

CanvasRenderingContext2D.createImageData()的特点:

• 所有浏览器和版本都支持的旧的稳定 API 函数。
• 需要现有的 2D 上下文对象才能创建 ImageData 对象。
• 可以使用 createImageData(imagedata) 的形式克隆一个 ImageData 对象。

new ImageData() 的特点:

• 一个被认为是实验性的 API 函数。不受任何版本的 Microsoft Internet Explorer 支持!
• 在工作线程中创建 ImageData 时首选。 (ctx.createImageData() 是否被认为是线程不安全的？)
• 是一个独立的构造函数，首先不需要二维上下文对象。
• 可以使用 new ImageData(array, width, height) 的形式构建一个基于像素数组的 ImageData。