Java圖像處理之正片疊底

stackvoid 發布于2019-08-16 10:51 / 1531人閱讀

摘要：胖五，原文鏈接正片疊底，在中是一種混合模式，簡單的說就是可以讓個圖層的內容融合起來。是指的圖層和圖層再解釋一下就是圖層中的紅色通道和圖層中的紅色通道所對應的每一個像素的灰階值相乘，再被除。得到一個新的紅色通道。圖片基本處理更高級的方法

胖五，原文鏈接

正片疊底，在Photoshop中是一種混合模式，簡單的說就是可以讓2個圖層的內容融合起來。

融合的計算公式其實非常簡單，就是 A*B/255。（A、B是指的圖層A和圖層B）

再解釋一下就是：

A圖層中的紅色通道和B圖層中的紅色通道所對應的每一個像素的灰階值相乘，再被255除。得到一個新的紅色通道。藍色與綠色通道的操作也是一樣的。

某個通道的像素灰階值其實就可以直接用其對應RGB值來代替，下面用代碼來解釋下這個過程。

先封裝一個根據像素獲取對應RGB數組的方法后面會用到

public static int[] getRGB(int pixel) {
    int r = (pixel >> 16) & 0xff;
    int g = (pixel >> 8) & 0xff;
    int b = pixel & 0xff;
    return new int[]{r, g, b};
}

然后遍歷圖像像素，遍歷過程點省略了，直接進入處理階段

// 先獲取兩個圖層同一位置的像素值
int pixelA = imgA.getRGB(x, y);
int pixelB = imgB.getRGB(x, y);

// 獲取兩組RGB數組
int[] rgb1 = getRGB(pixelA);
int[] rgb2 = getRGB(pixelB);

// 根據公式分別計算新的RGB值
int r = rgb1[0] * rgb2[0] / 255;
int g = rgb1[1] * rgb2[1] / 255;
int b = rgb1[2] * rgb2[2] / 255; 

// 獲得正片疊底后的像素值
int pixelNew = new Color(r, g, b).getRGB();

拿到新像素后直接設置到新的圖片中即可了。

這個方法已經被me封裝好了，放到了Nutz的工具欄Images中，可以直接拿來調用，下面給出個Nutz的調用例子，可以拿來修改下直接用。

比如我們給金將軍加個太陽：

// 先獲取兩張圖片
BufferedImage imgA = Images.read(new File("金將軍.jpg"));
BufferedImage imgB = Images.read(new File("大太陽.jpg"));

// 正片疊底
BufferedImage imgMultiply = Images.multiply(imgA, imgB, 0, 0);

// 輸出到文件
Images.write(imgMultiply, new File("大太陽金將軍.jpg"));

輸出結果圖：

當然了，這段代碼其實也可以寫成一行

Images.write(Images.multiply(Images.read(new File("金將軍.jpg")), Images.read(new File("大太陽.jpg")), 0, 0), new File("大太陽金將軍.jpg"));

是不是非常簡單^_^

更多關于圖像處理接口可以看Nutz的文檔, 或許對你會有幫助。

圖片基本處理

更高級的方法

云服務器 GPU云服務器正片 java面試之io java 工作日之差 java中文亂碼解決之道

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/70611.html

mix-blend-mode及background-blend-mode實現炫酷的圖片樣式

摘要：在網上看到了有如相機功能的實現比較好看的圖片樣式，自己也想弄下，在這里記錄下效果圖相關屬性正常正片疊底濾色疊加變暗變亮顏色減淡顏色加深強光柔光差值排除色相飽和度顏色在網上看到了有如相機功能的mix-blend-mode實現比較好看的圖片樣式，自己也想弄下，在這里記錄下 1.效果圖 showImg(https://segmentfault.com/img/bVblsM0?w=726&...

gougoujiang 2019-08-30 15:54 評論0 收藏0
mix-blend-mode及background-blend-mode實現炫酷的圖片樣式

摘要：在網上看到了有如相機功能的實現比較好看的圖片樣式，自己也想弄下，在這里記錄下效果圖相關屬性正常正片疊底濾色疊加變暗變亮顏色減淡顏色加深強光柔光差值排除色相飽和度顏色在網上看到了有如相機功能的mix-blend-mode實現比較好看的圖片樣式，自己也想弄下，在這里記錄下 1.效果圖 showImg(https://segmentfault.com/img/bVblsM0?w=726&...

jackwang 2019-08-23 14:13 評論0 收藏0
更豐富的網頁多圖層效果：css混合模式

摘要：與繪制順序密切相關的概念是層疊上下文。把正常也算上的話，現在網頁里可用的混合模式一共種。因此，正片疊底是一個變暗的混合模式。需要注意的是，其中這個位于最下層的背景該元素無背景色，它的混合模式其實是沒有作用的，可以認為就是默認值。圖層在Photoshop等圖像編輯軟件里，圖層是最基礎的概念之一。我們平時看一張照片，就可能想到遠處的背景、近處的人物這樣的描述，這其實就是在劃分圖層。多個...

Ku_Andrew 2019-08-30 12:44 評論0 收藏0
CSS3之mix-blend-mode

摘要：屬性描述了元素的內容應該與元素的直系父元素的內容和元素的背景如何混合。正常正片疊底濾色疊加變暗變亮顏色減淡顏色加深強光柔光差值排除色相飽和度顏色亮度初始繼承復原屬性描述了元素的內容應該與元素的直系父元素的內容和元素的背景如何混合。 mix-blend-mode: normal; /...

wangjuntytl 2021-11-23 09:51 評論0 收藏0
CSS3之mix-blend-mode

摘要：在線編輯屬性描述了元素的內容應該與元素的直系父元素的內容和元素的背景如何混合。正常正片疊底濾色疊加變暗變亮顏色減淡顏色加深強光柔光差值排除色相飽和度顏色亮度初始繼承復原在線編輯參考資料原文地址 showImg(https://segmentfault.com/img/remote/1460000014766135); 在線編輯demo 屬性描述了元素的內容應該與元素的直系父元素的內容...

stdying 2019-08-29 15:19 評論0 收藏0