如何在javaFX中混合两个图像

Question

我有两条关于存储在两个单独图像中的数据的图。我需要将它们放在一个图像中，以便我可以看到差异。如何在javaFX中完成此操作？

Answer 1

解决方案

放置在一个Group两个图像，并通过设置blendMode of the topmost Node应用BlendMode。

ImageView bottom = new ImageView(coke); 
ImageView top = new ImageView(pepsi); 
top.setBlendMode(BlendMode.DIFFERENCE); 

Group blend = new Group(
     bottom, 
     top 
); 

可执行样品

采取百事可乐的挑战？您看得出来差别吗？

import javafx.application.Application; 
import javafx.geometry.Insets; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.effect.BlendMode; 
import javafx.scene.image.Image; 
import javafx.scene.image.ImageView; 
import javafx.scene.layout.HBox; 
import javafx.stage.Stage; 

/** Blend a coke can and a pepsi can to find the difference. */ 
public class PepsiChallenge extends Application { 
    @Override 
    public void start(Stage stage) { 
     Image coke = new Image(
      "http://icons.iconarchive.com/icons/michael/coke-pepsi/256/Coca-Cola-Can-icon.png" 
     ); 

     Image pepsi = new Image(
      "http://icons.iconarchive.com/icons/michael/coke-pepsi/256/Pepsi-Can-icon.png" 
     ); 

     ImageView bottom = new ImageView(coke); 
     ImageView top = new ImageView(pepsi); 
     top.setBlendMode(BlendMode.DIFFERENCE); 

     Group blend = new Group(
       bottom, 
       top 
     ); 

     HBox layout = new HBox(10); 
     layout.getChildren().addAll(
       new ImageView(coke), 
       blend, 
       new ImageView(pepsi) 
     ); 
     layout.setPadding(new Insets(10)); 
     stage.setScene(new Scene(layout)); 
     stage.show(); 
    } 

    public static void main(String[] args) { 
     launch(); 
    } 
}