位圖操作

開發(fā)步驟

位圖操作相關(guān)API的詳細介紹請參見API參考。

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

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

3. 讀取并修改目標區(qū)域像素數(shù)據(jù)，寫回原圖。

   // 場景一：將讀取的整張圖像像素數(shù)據(jù)結(jié)果寫入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);
   })
   
   // 場景二：讀取指定區(qū)域內(nèi)的圖片數(shù)據(jù)，結(jié)果寫入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);
   })
   
   // 對于讀取的圖片數(shù)據(jù)，可以獨立使用（創(chuàng)建新的pixelMap），也可以對area.pixels進行所需修改
   // 將圖片數(shù)據(jù)area.pixels寫入指定區(qū)域內(nèi)
   pixelMap.writePixels(area).then(() => {
     console.info('Succeeded to write pixelMap into the specified area.');
   })
   
   // 將圖片數(shù)據(jù)結(jié)果寫入pixelMap中
   const writeColor = new ArrayBuffer(96);
   pixelMap.writeBufferToPixels(writeColor, () => {});