摘要:序本文主要簡述一下如何使用進行漸變色操作。這個是生成漸變色的關鍵類,當然也有其他的漸變類,比如實例從左上到右下漸變原理就是先使用畫一個漸變色的矩形,然后將原圖使用一定透明度覆蓋上去,這樣就看出漸變。不足之后的話,就是漸變顏色會偏淡。
序
本文主要簡述一下如何使用BufferedImage進行漸變色操作。
GradientPaintjava/awt/GradientPaint.java
public class GradientPaint implements Paint { Point2D.Float p1; Point2D.Float p2; Color color1; Color color2; boolean cyclic; //...... }
實例這個是生成漸變色的關鍵類,當然也有其他的漸變類,比如
java/awt/LinearGradientPaint.java
public static BufferedImage drawGradient(BufferedImage srcImg, int startX, int startY, int endX, int endY, Color colorFrom, Color colorTo, float opacity) { BufferedImage dstImg = new BufferedImage(srcImg.getWidth(), srcImg.getHeight(), BufferedImage.TYPE_INT_RGB); GradientPaint grad = new GradientPaint(startX, startY, colorFrom, endX, endY, colorTo); //從左上到右下漸變; Graphics2D g2 = (Graphics2D) dstImg.getGraphics(); g2.setPaint(grad); g2.fillRect(startX, startY, endX, endY); g2.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_ATOP, opacity)); g2.drawImage(srcImg, 0, 0, srcImg.getWidth(), srcImg.getHeight(), null); g2.dispose(); return dstImg; }
原理就是先使用GradientPaint畫一個漸變色的矩形,然后將原圖使用一定透明度覆蓋上去,這樣就看出漸變。
不足之后的話,就是漸變顏色會偏淡。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/67940.html
摘要:序本文主要簡述一下如何使用進行漸變色操作。這個是生成漸變色的關鍵類,當然也有其他的漸變類,比如實例從左上到右下漸變原理就是先使用畫一個漸變色的矩形,然后將原圖使用一定透明度覆蓋上去,這樣就看出漸變。不足之后的話,就是漸變顏色會偏淡。 序 本文主要簡述一下如何使用BufferedImage進行漸變色操作。 GradientPaint java/awt/GradientPaint.java...
摘要:我們在開發應用的時候經常美工會設計一些樣式比較特殊的圖表,這對于前端開發人員來說會增加開發量,如下圖就是筆者開發過程中要求制作的帶漸變色效果的柱狀圖今天在這里教大家如何用原生和如何用圖表開發工具來實現。 我們在開發web應用的時候經常美工會設計一些樣式比較特殊的圖表,這對于前端開發人員來說會...
摘要:說明這次的重點就在于兩個屬性,屬性屬性這兩個屬性分別是兩種實現方式的關鍵。屬性簡單說,就是能讓元素的某一部分顯示或隱藏。我們看張圖就能明白,第二種方式實現的原理了總結這次說的這兩種方式,應該算是很容易理解了,希望對大家有點幫助。 說明 這次的重點就在于兩個屬性, background 屬性 mask 屬性 這兩個屬性分別是兩種實現方式的關鍵。 解釋 方式一 效果圖 ...
摘要:說明這次的重點就在于兩個屬性,屬性屬性這兩個屬性分別是兩種實現方式的關鍵。屬性簡單說,就是能讓元素的某一部分顯示或隱藏。我們看張圖就能明白,第二種方式實現的原理了總結這次說的這兩種方式,應該算是很容易理解了,希望對大家有點幫助。 說明 這次的重點就在于兩個屬性, background 屬性 mask 屬性 這兩個屬性分別是兩種實現方式的關鍵。 解釋 方式一 效果圖 ...
閱讀 3936·2021-11-16 11:50
閱讀 934·2021-11-11 16:55
閱讀 3662·2021-10-26 09:51
閱讀 866·2021-09-22 15:03
閱讀 3422·2019-08-30 15:54
閱讀 3265·2019-08-30 15:54
閱讀 2476·2019-08-30 14:04
閱讀 922·2019-08-30 13:53