减少颜色数量并获得单个像素的颜色

时间:2012-10-17 19:10:39

标签: image colors javafx-2

使用JavaFX 2.2我需要执行以下操作:

  1. 减少给定图像的颜色(例如,使用JavaFX image类加载),可以说8或16种颜色,或者256种颜色
  2. 访问图像对象中单个像素的颜色 - 好的,似乎Image.getPixelReader()应该完成工作,所以只留下第一个问题
  3. 有人可以给我一些提示或代码示例吗?谢谢: - )

1 个答案:

答案 0 :(得分:2)

  1. 使用image.getPixelReader()暂停PixelReader以访问图片中的各个像素。
  2. 创建WritableImage
  3. 获取WritableImage的PixelWriter
  4. 迭代从像素读取器读取的像素,通过缩小算法运行每个像素的颜色调色板,并将缩小的像素写入像素编写器。
  5. 完成此操作后,您可以在ImageView中显示缩减采样的WritableImage,或将其转换为awt imagesave it作为png,jpg等。

    以下是一些示例代码:

    import javafx.application.Application;
    import javafx.event.*;
    import javafx.geometry.Pos;
    import javafx.scene.Scene;
    import javafx.scene.control.*;
    import javafx.scene.image.*;
    import javafx.scene.layout.VBox;
    import javafx.stage.Stage;
    
    // displays a button with a 64 color image palette and a full color palette when pressed.
    public class ButtonShadeTest extends Application {
      @Override public void start(final Stage stage) throws Exception {
        final Label response = new Label("");
        final Image originalImage = new Image("http://icons.iconarchive.com/icons/eponas-deeway/colobrush/128/heart-2-icon.png");
        final Image resampledImage = resample(originalImage);
        final ImageView imageView = new ImageView(resampledImage);
        final Button button = new Button("I love you", imageView);
        button.setStyle("-fx-base: coral;");
        button.setContentDisplay(ContentDisplay.TOP);
        button.setOnAction(new EventHandler<ActionEvent>() {
          @Override public void handle(ActionEvent event) {
            if ("".equals(response.getText())) {
              response.setText("I love you too!");
              imageView.setImage(originalImage);
            } else {
              response.setText("");
              imageView.setImage(resampledImage);
            } 
          }
        });
    
        final VBox layout = new VBox(10);
        layout.setAlignment(Pos.CENTER);
        layout.getChildren().addAll(button, response);
        layout.setStyle("-fx-background-color: cornsilk; -fx-padding: 10; -fx-font-size: 20;");
        stage.setTitle("Heart");
        stage.getIcons().add(originalImage);
        stage.setScene(new Scene(layout));
        stage.show();
      }
      public static void main(String[] args) { launch(args); }
    
      // downsamples an image to a 64 color palette by only 
      // using the 2 most significant bits of color to represent
      // each of the image's pixels.
      private Image resample(Image inputImage) {
        int W = (int) inputImage.getWidth();
        int H = (int) inputImage.getHeight();
        WritableImage outputImage = new WritableImage(W, H);
        PixelReader reader = inputImage.getPixelReader();
        PixelWriter writer = outputImage.getPixelWriter();
        for (int y = 0; y < H; y++) {
          for (int x = 0; x < W; x++) {
            int argb = reader.getArgb(x, y);
            int a = (argb >> 24) & 0xFF;
            int r = (argb >> 16) & 0xFF;
            int g = (argb >>  8) & 0xFF;
            int b =  argb        & 0xFF;
    
            r = r & 0xC0;
            g = g & 0xC0;
            b = b & 0xC0;
    
            argb = (a << 24) | (r << 16) | (g << 8) | b;
            writer.setArgb(x, y, argb);
          }
        }
    
        return outputImage;
      }
    }
    // icon license: (creative commons with attribution) http://creativecommons.org/licenses/by-nc-nd/3.0/
    // icon artist attribution page: (eponas-deeway) http://eponas-deeway.deviantart.com/gallery/#/d1s7uih
    

    当心脏被打破时,它会以减少的调色板显示,当心脏整体显示时,它会显示一个完整的调色板。

    brokenheart mendedheart