Canvas 畫素處理之改變透明度

2021-08-28 02:00:56 字數 455 閱讀 6970

一 定義和用法

getimagedata()方法返回 imagedata 物件,該物件拷貝了畫布指定矩形的畫素資料。

注意:imagedata物件不是影象,它規定了畫布上乙個部分(矩形),並儲存了該矩形內每個畫素的資訊。

對於imagedata物件中的每個畫素,都存在著四方面的資訊,即rgba值:

r - 紅色(0-255)

g - 綠色(0-255)

b - 藍色(0-255)

a - alpha 通道(0-255; 0 是透明的,255 是完全可見的)

color/alpha 資訊以陣列形式存在,並儲存於 imagedata 物件的 data 屬性中。

二 **

三 執行結果

Canvas 畫素處理之改變透明度

一 定義和用法 getimagedata 方法返回 imagedata 物件,該物件拷貝了畫布指定矩形的畫素資料。注意 imagedata物件不是影象,它規定了畫布上乙個部分 矩形 並儲存了該矩形內每個畫素的資訊。對於imagedata物件中的每個畫素,都存在著四方面的資訊,即rgba值 r 紅色 ...

canvas畫素操作

獲得乙個包含畫布場景畫素資料的imagedata對像,它代表了畫布區域的物件資料 ctx.getimagedata sx,sy,sw,sh sx 將要被提取的影象資料矩形區域的左上角 x 座標。sy 將要被提取的影象資料矩形區域的左上角 y 座標。sw 將要被提取的影象資料矩形區域的寬度。sh 將要...

canvas畫素的操作

在canvas中的畫素操作 到目前為止,我們尚未深入了解canvas畫布真實畫素的原理,事實上,你可以直接通過imagedata物件操縱畫素資料,直接讀取或將資料陣列寫入該物件中 得到場景畫素資料 getimagedata 獲得乙個包含畫布場景畫素資料的imagedata對像,它代表了畫布區域的物件...