canvas ImageData 物件

ImageData物件包含有canvas指定區域圖案的畫素資訊。

從其名稱如說有助於對此方法的理解與記憶，ImageData由如下兩個單詞合成：

（1）.image：翻譯成漢語具有"圖片"的意思。

（2）.data：翻譯成漢語具有"資料"的意思。

物件的功能恰如其名，用於包含canvas指定區域圖案的資料資訊，也就是畫素資訊。

canvas影像是由畫素構成，ImageData則包含每個畫素點的資訊：

（1）.RGB顏色值。

（2）.顏色的透明度。

（3）.以及由這些畫素點構成影像的寬度和高度。

更多的關於此物件的細節可以參閱後面的相關文章。

一.建立ImageData物件：

建立此物件的方式有很多種，下面簡單進行一下羅列。

（1）.ImageData()：通過建構函式建立ImageData物件。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
new ImageData(array, width, height);

但是此方法當前尚處於試驗階段，所以暫時不推薦使用。

（2）. createImageData()：

通過此方法也可以建立一個ImageData物件。

此方法具體用法可以參閱canvas createImageData()一章節。

（3）.getImageData():

getImageData()方法同樣可以獲取一個ImageData物件。

此方法具體用法可以參閱canvas getImageData()一章節。

二.物件屬性：

ImageData物件具有三個屬性，用於標識影像的相關資訊。

具體用法可以參閱如下三篇文章：

（1）.canvas ImageData.data一章節。

（2）.canvas ImageData.height一章節。

（3）.canvas ImageData.width一章節。