8.18.比較兩幅位圖

2024-04-27 13:52:05

字體：大中小

來源：轉載

供稿：網友

8.18.1. 問題
我需要比較兩個位圖圖像，并顯示他們之間的差別。
8.18.2. 解決辦法
從兩個圖像讀取位圖數據，并使用compare 方法比較兩個圖像。把兩個圖像的差別設置為第3 個圖像的源。
8.18.3. 討論
BitmapData 類的compare 方法返回一個BitmapData 對象，包括兩個列出的圖像中所有不能匹配的像素。如果兩個BitmapData 對象有相同的尺寸（寬和高），這個方法返回一個新的BitmapData 對象，包括兩個源對象中不同的每一個像素：如果兩個像素相同，不同的像素值是0x00000000。如果兩個像素有不同的RGB 值（忽略alpha 值）不同的像素值是0xFFRRGGBB，這里的RR/GG/BB 是紅色，綠色，藍色通道之間的個體的差別值。在這種情況下， alpha 通道的差異被忽略。如果只是alpha 通道的值有差別，像素的值是0xZZFFFFFF，這里ZZ 是alpha 值得差別值。

-XML

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="400"
height="800">
<mx:Script>
<![CDATA[
import mx.core.BitmapAsset;
private function compare():void {
var bmpd1:BitmapData = new BitmapData(img1.width,img1.height);
var bmpd2:BitmapData = new BitmapData(img2.width,img2.height);
bmpd1.draw(img1)
bmpd2.draw(img2);
var diff:BitmapData = bmpd2.compare(bmpd1) as BitmapData;
var bitmapAsset:BitmapAsset = new BitmapAsset(diff);
img3.source = bitmapAsset;
}

]]>
</mx:Script>
<mx:Image id="img1" source="../assets/mao.jpg" height="200"
width="200"/>
<mx:Image id="img2" source="../assets/bigshakey.png"
height="200" width="200"/>
<mx:Button click="compare()" label="compare"/>
<mx:Image id="img3"/>
</mx:VBox>