一 定義和用法
getimagedata()方法返回 imagedata 物件,該物件拷貝了畫布指定矩形的畫素資料。
注意:imagedata物件不是影象,它規定了畫布上乙個部分(矩形),並儲存了該矩形內每個畫素的資訊。
對於imagedata物件中的每個畫素,都存在著四方面的資訊,即rgba值:
r - 紅色(0-255)
g - 綠色(0-255)
b - 藍色(0-255)
a - alpha 通道(0-255; 0 是透明的,255 是完全可見的)
color/alpha 資訊以陣列形式存在,並儲存於 imagedata 物件的 data 屬性中。
二 **
三 執行結果
大小: 14.5 kb
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對像,它代表了畫布區域的物件...