问题：

在组容器中裁剪图像视图的图像 - Javafx

戚锦

2023-03-14

我在javafx Grouping中遇到问题。我的程序是在ImageView上绘制一个矩形来裁剪图像。坐标是从鼠标按下和鼠标释放中获得的。当我将组放在GridPane布局中时，矩形没有画在正确的位置。

我的程序是

package application;

import java.awt.Dimension;
import java.awt.Toolkit;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
import javafx.application.Application;
import javafx.embed.swing.SwingFXUtils;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Insets;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.SnapshotParameters;
import javafx.scene.control.Button;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.image.PixelReader;
import javafx.scene.image.WritableImage;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.HBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;


public class Main extends Application {
     double x1,y1,x2,y2;
     int ulx,uly,w,h;
     String filename;
     @Override
     public void start(Stage primaryStage) {
         try {
            GridPane grid = new GridPane(); 
           //grid.setAlignment(Pos.TOP_LEFT); 
            grid.setHgap(20); 
            grid.setVgap(10); 
            grid.setPadding(new Insets(0, 10, 10, 10));

            Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
            double width = screenSize.getWidth() - 100;
            double height = screenSize.getHeight()- 100;
            double panelWidth = (width)/2 - 50;
            double panelHeight = (9*panelWidth)/16;
            double panelX = width-panelWidth-50-20;
            double panelY = 0.0;

             Rectangle rectangle = new Rectangle();
             BorderPane root = new BorderPane();
             Scene scene = new Scene(grid,width,height);
             scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());

             File imagePath1 = new File("plugins\\image\\car.jpg");
             Image image1 = new Image(imagePath1.toURI().toString());
             ImageView imageView1 = new ImageView();
             imageView1.setId("imageView");
             imageView1.setImage(image1);
             imageView1.setFitWidth(panelWidth);
             imageView1.setFitHeight(panelHeight);
             imageView1.setPreserveRatio(false);
             imageView1.setSmooth(true);
             imageView1.setCache(true);


             File imagePath = new File("plugins\\image\\car.jpg");
             Image image = new Image(imagePath.toURI().toString());
             ImageView imageView = new ImageView();
             imageView.setId("imageView");        
             imageView.setImage(image);
             imageView.setFitWidth(panelWidth);
             imageView.setFitHeight(panelHeight);
             imageView.setPreserveRatio(false);
             imageView.setSmooth(true);
             imageView.setCache(true);

             imageView.setOnMousePressed(new EventHandler <MouseEvent>()
                {
                    public void handle(MouseEvent event)
                    {
                        imageView.setMouseTransparent(true);
                        x1 = event.getSceneX() ;
                        y1 = event.getSceneY();
                        System.out.println(x1+" "+y1);
                        event.setDragDetect(true);
                    }
                });

             imageView.setOnMouseDragged(new EventHandler<MouseEvent>() {
                    @Override
                    public void handle(MouseEvent event) {
                        // TODO Auto-generated method stub
                        double tx1=x1,ty1=y1,tx2=0,ty2=0;
                        double tempX=0,tempY=0;

                        if(event.getSceneX()<panelX || event.getSceneX()>(panelX+panelWidth) || event.getSceneY()<0 || event.getSceneY()>(panelY+panelHeight)){
                            if(event.getSceneX()<panelX){
                                tempX = 0;
                                tempY = event.getSceneY();
                            }
                            else if(event.getSceneX()>(panelX+panelWidth)){
                                tempX = panelX+panelWidth;
                                tempY = event.getSceneY();
                            }
                            if(event.getSceneY()<panelY){
                                tempX = event.getSceneX();
                                tempY = 0;
                            }
                            else if(event.getSceneY()>(panelY+panelHeight)){
                                tempX = event.getSceneX();
                                tempY = panelY+panelHeight;
                            }
                        }
                        else{
                            tempX = event.getSceneX();
                            tempY = event.getSceneY();
                        }

                        if(tempX<tx1 && tempY<ty1){
                            tx2 = tx1;
                            tx1 = tempX;
                            ty2 = ty1;
                            ty1 = tempY;                            
                        }
                        else if(tempX<tx1 && tempY>ty1){
                            tx2 = tx1;
                            tx1 = tempX;
                            ty2 = tempY;
                        }
                        else if(tempX>tx1 && tempY<ty1){
                            tx2 = tempX;
                            ty2 = ty1;
                            ty1 = tempY;
                        }
                        else if(tempX>tx1 && tempY>ty1){
                            tx2 = tempX;
                            ty2 = tempY;    
                        }

                        ulx = (int)tx1;
                        uly = (int)ty1;
                        w =(int) (tx2-tx1);
                        h = (int)(ty2-ty1);
                        rectangle.setX(ulx);
                        rectangle.setY(uly);
                        rectangle.setWidth(w);
                        rectangle.setHeight(h);
                        rectangle.setFill(Color.TRANSPARENT);
                        rectangle.setStroke(Color.WHITE);
                        rectangle.setStrokeWidth(2);
                        rectangle.getStrokeDashArray().addAll(7d, 5d);  
                    }
                });

             imageView.setOnMouseReleased(new EventHandler <MouseEvent>()
                {
                    public void handle(MouseEvent event)
                    {
                        imageView.setMouseTransparent(false);
                        if(event.getSceneX()<x1){
                            x2 = x1;
                            x1 =event.getSceneX();
                        }
                        else{
                            x2 = event.getSceneX();
                        }
                        if(event.getSceneY()<y1){
                            y2 = y1;
                            y1 =event.getSceneY();
                        }
                        else{
                            y2 = event.getSceneY();
                        }

                        ulx = (int)x1;
                        uly = (int)y1;
                        w =(int) (x2-x1);
                        h = (int)(y2-y1);
                        System.out.println(x1+" "+y1+" "+x2+" "+y2+" "+w+" "+h);
                        filename = String.valueOf(x1)+"_"+String.valueOf(y1)+"_"+String.valueOf(w)+"_"+String.valueOf(h);
                        rectangle.setX(ulx);
                        rectangle.setY(uly);
                        rectangle.setWidth(w);
                        rectangle.setHeight(h);
                        rectangle.setFill(Color.TRANSPARENT);
                        rectangle.setStroke(Color.WHITE);
                        rectangle.setStrokeWidth(2);
                        rectangle.getStrokeDashArray().addAll(7d, 5d);
                    }
                });

             Group group = new Group(imageView, rectangle);

             HBox option = new HBox();
             Button save = new Button("SAVE");
             save.setOnAction(new EventHandler<ActionEvent>() {
                    public void handle(ActionEvent e){
                        double x = x1-panelX;
                        double y = y1-panelY;
                        WritableImage image = imageView.snapshot(new SnapshotParameters(), null);
                        PixelReader reader = image.getPixelReader();
                        WritableImage newImage = new WritableImage(reader, (int)(x), (int)(y), w, h);
                            // TODO: probably use a file chooser here
                        filename = String.valueOf(x)+"_"+String.valueOf(y)+"_"+String.valueOf(w)+"_"+String.valueOf(h);
                            File file = new File(filename+".png");
                            try {
                                ImageIO.write(SwingFXUtils.fromFXImage(newImage, null), "png", file);
                            } catch (IOException ec) {
                                // TODO: handle exception here
                            }
                    }
                });

             option.getChildren().add(save);

             root.setLeft(group);

             grid.add(imageView1, 0, 0);
             grid.add(group, 1, 0);
             grid.add(option, 1, 1);


             primaryStage.setScene(scene);
             primaryStage.show();
        } catch(Exception e) {
            e.printStackTrace();
        }
    }
    public static void main(String[] args) {
        launch(args);
    }
}

我的输出屏幕截图是

但矩形应该在图像中查看

共有1个答案

李敏学

2023-03-14

用法

< li >右键单击以删除裁剪线 < li >双击以剪切图像

你看到屏幕截图了吗？您的一些计算是不必要的，在MouseEvent中运行所有操作，它为您完成了艰巨的工作。

忘记网格窗格并在裁剪时使用绝对坐标，GridPane会改变位置，因为它被迫遵守onLayout（）中的布局规则，使用像Panen这样的人并包装在HBox中，然后将它们放入 ScrollPane 中，就是这样，像她一样简单而漂亮...

图片在网上，我妹妹很受欢迎:)

密码

 public class Main extends Application {

final Rectangle rectBound = new Rectangle(0, 0);
Random ran = new Random();

 @Override
 public void start(Stage primaryStage) {
 try {
     rectBound.setFill(Color.TRANSPARENT);
     rectBound.setStroke(Color.GOLD);
     ScrollPane scp = new ScrollPane();
     HBox root = new HBox(15);
     scp.setContent(root);
     //root.setOrientation(Orientation.HORIZONTAL);

     Pane imageViewParent = new Pane();
     imageViewParent.setStyle("-fx-border-color: black; -fx-border-width: 2;");

     ImageView imageView1 = new ImageView(new Image(getUrl(),true));
     imageView1.setLayoutX(0.0);imageView1.setLayoutY(0.0);
     imageViewParent.getChildren().add(imageView1);

     ///////////////////////////////////////////////
     imageViewParent.addEventFilter(MouseEvent.ANY, new EventHandler<MouseEvent>() {
        @Override
            public void handle(MouseEvent event) {

                if (event.getEventType() == MouseEvent.MOUSE_PRESSED) {
                    if (rectBound.getParent() == null) {
                        rectBound.setWidth(0.0); rectBound.setHeight(0.0);
                        rectBound.setLayoutX(event.getX()); rectBound.setLayoutY(event.getY()); // setX or setY
                        imageViewParent.getChildren().add(rectBound);
                    }
                } else if (event.getEventType() == MouseEvent.MOUSE_RELEASED) {

                } else if (event.getEventType() == MouseEvent.MOUSE_DRAGGED) {
                    rectBound.setWidth(event.getX() - rectBound.getLayoutX());
                    rectBound.setHeight(event.getY() - rectBound.getLayoutY());
                } else if (event.getEventType() == MouseEvent.MOUSE_CLICKED
                        && event.getButton() == MouseButton.SECONDARY) {
                    if (rectBound.getParent() != null) {
                        imageViewParent.getChildren().remove(rectBound);
                    }
                } else if (event.getEventType() == MouseEvent.MOUSE_CLICKED
                        && event.getButton() == MouseButton.PRIMARY && event.getClickCount() > 1) {
                    //////////////// i crop here //////////////
                    PixelReader reader = imageView1.getImage().getPixelReader();
                    WritableImage newImage = new WritableImage(reader, (int) rectBound.getLayoutX(),
                            (int) rectBound.getLayoutY(),
                            (int) rectBound.getWidth(),
                            (int) rectBound.getHeight());

                    root.getChildren().add(new ImageView(newImage));
                }

            }
    });
     //////////////////////////////////////////////
     root.getChildren().add(imageViewParent);

     Scene scene = new Scene(scp,900,650);
     primaryStage.setScene(scene);
     primaryStage.show();
    } catch(Exception e) {
        e.printStackTrace();
    }
}

private String getUrl() {
    switch (ran.nextInt(4)) {
    case 1:
        return "http://6544-presscdn-0-22.pagely.netdna-cdn.com/wp-content/uploads/2013/06/Juliet-Ibrahim2.jpg";

    case 4:
        return "http://6544-presscdn-0-22.pagely.netdna-cdn.com/wp-content/uploads/2016/02/Nadia-Buari.jpg";

    case 2:
        return "http://www.eonlineghana.com/wp-content/uploads/2016/03/1.jpg";

    case 3:
        return "http://fashionpoliceng.com/wp-content/uploads/2015/08/Juliet-Ibrahim-527x600.jpg";

    default:
        return "http://6544-presscdn-0-22.pagely.netdna-cdn.com/wp-content/uploads/2014/04/Juliet-Ibrahim-Foundation-1.jpg";
    }
}

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

希望有帮助

类似资料：

在matlab中裁剪图像

我需要对matlab中的图像执行以下操作：加载图像计算图像的FFT（快速傅立叶变换）将频率分量移到中心像follow一样裁剪图像（如果图像分辨率为1000x1000，则图像所需的部分类似于以下坐标：100100800800。这是一个较小的图像。（应用过滤器去除高频的想法）反向移位傅里叶逆变换 . . . 我的代码如下所示：问题是，当我想裁剪图像时，我的功能无法裁剪类型为“复杂双”的图
在 Illustrator 中裁剪图像

使用 Illustrator 中的“图像裁剪”功能裁剪链接或嵌入的图像。裁剪图像您可以在 Illustrator 中裁剪链接或嵌入的图像。在裁剪时，您可以使用直观的构件控件处理选定的图像。“图像裁剪”功能只对当前选定的图像有效。此外，链接的图像在裁剪后会变为嵌入的图像。注意: 裁剪掉的图像部分会被丢弃，且无法恢复。在裁剪图像时，无法变换图像。在选择“裁剪图像”选项后，如果您尝试变换图像，则
图像未裁剪

我将＜code＞背景 1.back_xml： 2.瓷砖.xml 现在，我将back.xml设置为< code >背景以< code>LinearLayout工作正常。我需要有一个圆角，以及它的边框。但是我只有圆角的边框，而不是图像，我的代码中有什么问题吗？这是我的照片:
3.2 裁剪图像

本节，我们将裁剪图像的一部分，然后把其结果绘制到画布上。图3-2 裁剪图像绘制步骤按照以下步骤，裁剪图像的一部分，再把结果绘制到画布： 1. 定义画布上下文： window.onload = function(){ var canvas = document.getElementById("myCanvas"); var context = canvas.getContext
裁剪后未裁剪图像

我试图在从图库中选择图像后使用intent来裁剪图像。以下是我的代码片段在这里，我使用PICK_IMAGE_REQUEST意图句柄调用上面的代码段由于我在裁剪后使用了相同的意图，即PICK_IMAGE_REQUEST，可能会出现什么问题
中心裁剪图像JavaFX

问题内容：如何使用JavaFX 完成Android ？我有图像视图：问题答案：感谢@TravisF的发布，我实现了最后一个解决方案，以使图像始终具有相同的高度，宽度和位置（中心）。

在组容器中裁剪图像视图的图像 - Javafx

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档