`createImageData（）`和`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()被認爲是線程不安全的？）
• 是獨立的構造函數，不需要先創建2D上下文對象。
• 可以使用表格new ImageData(array, width, height)建立基於像素陣列的ImageData。