位圖操作

開(kāi)發(fā)步驟

位圖操作相關(guān)API的詳細(xì)介紹請(qǐng)參見(jiàn)API參考。

1. 完成圖片解碼，獲取PixelMap位圖對(duì)象。
2. 從PixelMap位圖對(duì)象中獲取信息。

   // 獲取圖像像素的總字節(jié)數(shù)
   let pixelBytesNumber = pixelMap.getPixelBytesNumber();
   // 獲取圖像像素每行字節(jié)數(shù)
   let rowCount = pixelMap.getBytesNumberPerRow();
   // 獲取當(dāng)前圖像像素密度。像素密度是指每英寸圖片所擁有的像素?cái)?shù)量。像素密度越大，圖片越精細(xì)。
   let getDensity = pixelMap.getDensity();

3. 讀取并修改目標(biāo)區(qū)域像素?cái)?shù)據(jù)，寫(xiě)回原圖。

   // 場(chǎng)景一：將讀取的整張圖像像素?cái)?shù)據(jù)結(jié)果寫(xiě)入ArrayBuffer中
   const readBuffer = new ArrayBuffer(pixelBytesNumber);
   pixelMap.readPixelsToBuffer(readBuffer).then(() => {
     console.info('Succeeded in reading image pixel data.');
   }).catch(error => {
     console.error('Failed to read image pixel data. And the error is: ' + error);
   })
   
   // 場(chǎng)景二：讀取指定區(qū)域內(nèi)的圖片數(shù)據(jù)，結(jié)果寫(xiě)入area.pixels中
   const area = {
     pixels: new ArrayBuffer(8),
     offset: 0,
     stride: 8,
     region: { size: { height: 1, width: 2 }, x: 0, y: 0 }
   }
   pixelMap.readPixels(area).then(() => {
     console.info('Succeeded in reading the image data in the area.');
   }).catch(error => {
     console.error('Failed to read the image data in the area. And the error is: ' + error);
   })
   
   // 對(duì)于讀取的圖片數(shù)據(jù)，可以獨(dú)立使用（創(chuàng)建新的pixelMap），也可以對(duì)area.pixels進(jìn)行所需修改
   // 將圖片數(shù)據(jù)area.pixels寫(xiě)入指定區(qū)域內(nèi)
   pixelMap.writePixels(area).then(() => {
     console.info('Succeeded to write pixelMap into the specified area.');
   })
   
   // 將圖片數(shù)據(jù)結(jié)果寫(xiě)入pixelMap中
   const writeColor = new ArrayBuffer(96);
   pixelMap.writeBufferToPixels(writeColor, () => {});