当前位置: 首页 > 编程笔记 >

Java中实现可拖放图片剪裁入门教程

章永安
2023-03-14
本文向大家介绍Java中实现可拖放图片剪裁入门教程,包括了Java中实现可拖放图片剪裁入门教程的使用技巧和注意事项,需要的朋友参考一下

这是一篇入门级文章,高手请略过。

在这篇文章中我们将学习如何用 Java 对图像进行剪裁并将剪裁出来的部分单独保存到文件中。

我们将通过以下步骤来学习:

1.输入图像,指定要处理的图像路径
2.允许用户拖放要剪裁的部分
3.选择后使用 Robot 类来确定剪裁部分的坐标
4.剪裁所选图像并保持

接下来我们开始编码部分。

Listing1: 引入的类


import java.awt.Graphics;

import java.awt.Rectangle;

import java.awt.Robot;

import java.awt.event.MouseEvent;

import java.awt.event.MouseListener;

import java.awt.event.MouseMotionListener;

import java.awt.image.BufferedImage;

import java.io.File;

import javax.imageio.ImageIO;

import javax.swing.JFrame;

说明:

1.Graphics 类包含绘制矩形的方法
2.我们使用 Rectangle 类作为拖拉的矩形区域以作剪裁
3.Robot 类用于捕获屏幕截图
4.使用鼠标侦听器来获取鼠标的拖拉时间
5.Robot 类使用 BufferedImage 来做图像处理
6.File 类用于打开图像文件
7.ImageIO 类用于将图像写到 png 或者 jpg 图像文件中
8.JFrame 用于显示界面

现在我们编写包含 main 方法的入口类

Listing2: 入口类


public class CropImage extends JFrame implements MouseListener, MouseMotionListener

{

    int drag_status=0,c1,c2,c3,c4;

public static void main(String args[])

{

    new CropImage().start();

}

说明:

1.编写了一个名为 CropImage 的类
2.该类扩展了 JFrame 以实现 frame 的所有功能
3.实现了不同的鼠标事件侦听器以便知道用户什么时候开始拖动鼠标指针
4.drag_status 变量用于保存鼠标开始拖动时的坐标
5.我们定义了 main 方法去调用一个 start 方法,这个方法将在下面定义

接下来是 start 方法

Listing 2


public void start()

{

    ImagePanel im=new ImagePanel("F:\\Wallpaper\\wallpapers\\1.jpg");

    add(im);

    setSize(400,400);

    setVisible(true);

    addMouseListener(this);

    addMouseMotionListener( this );

    setDefaultCloseOperation(EXIT_ON_CLOSE);

}

说明:

1.我们定义一个名为 ImagePanel 的类,使用要处理的图像作为参数
2.在 JFrame 中放置这个要显示图片的 ImagePanel,并开始侦听鼠标事件

下面我们定义用于处理鼠标事件的方法

Listing 3: 鼠标事件处理函数


@Override

public void mouseClicked(MouseEvent arg0) {

}

@Override public void mouseEntered(MouseEvent arg0) { }

@Override public void mouseExited(MouseEvent arg0) { }

@Override public void mousePressed(MouseEvent arg0) {     repaint();     c1=arg0.getX();     c2=arg0.getY(); }

@Override public void mouseReleased(MouseEvent arg0) {     repaint();     if(drag_status==1)     {     c3=arg0.getX();     c4=arg0.getY();     try     {     draggedScreen();     }     catch(Exception e)     {         e.printStackTrace();     }     } }

@Override public void mouseDragged(MouseEvent arg0) {     repaint();     drag_status=1;     c3=arg0.getX();     c4=arg0.getY(); }

@Override public void mouseMoved(MouseEvent arg0) {

}

public void paint(Graphics g) {     super.paint(g);     int w = c1 - c3;     int h = c2 - c4;     w = w * -1;     h = h * -1;     if(w<0)         w = w * -1;     g.drawRect(c1, c2, w, h);

}

说明:

1.当鼠标按下时存储当前坐标到 c1 和 c2
2.当鼠标按下并开始拖动时将拖动状态变量 drag_status 设置为 true
3.到鼠标按键松开时表示图像剪裁区域已经选择完毕,调用 draggedscreen 方法
4.paint 方法用于拖动时候的矩形显示,通过当前坐标和初始记录的坐标来绘制矩形

下面是 draggedscreen 方法的代码

Listing 4: draggedScreen 方法


public void draggedScreen()throws Exception

{

        int w = c1 - c3;

        int h = c2 - c4;

        w = w * -1;

        h = h * -1;

        Robot robot = new Robot();

        BufferedImage img = robot.createScreenCapture(new Rectangle(c1, c2,w,h));

        File save_path=new File("screen1.jpg");

        ImageIO.write(img, "JPG", save_path);

    System.out.println("Cropped image saved successfully.");

}}

说明:

1.首先计算图像的高度和宽度
2.使用 Robot 类来对剪裁的区域进行截图并保持到另外一个文件 screen1.jpg

完整的代码

Listing 5: ImagePanel.java


import java.awt.Dimension;

import java.awt.Graphics;

import java.awt.Image;

import javax.swing.ImageIcon; import javax.swing.JPanel;

    class ImagePanel extends JPanel {

          private Image img;

          public ImagePanel(String img) {             this(new ImageIcon(img).getImage());           }

          public ImagePanel(Image img) {             this.img = img;             Dimension size = new Dimension(img.getWidth(null), img.getHeight(null));            // Dimension size = new Dimension(10,10);             setPreferredSize(size);             setMinimumSize(size);             setMaximumSize(size);             setSize(size);             setLayout(null);           }

          public void paintComponent(Graphics g) {             g.drawImage(img, 0, 0, null);           }

        }

Listing 6:CropImage.java


import java.awt.Graphics;

import java.awt.Rectangle;

import java.awt.Robot;

import java.awt.event.MouseEvent;

import java.awt.event.MouseListener;

import java.awt.event.MouseMotionListener;

import java.awt.image.BufferedImage;

import java.io.File;

import javax.imageio.ImageIO;

import javax.swing.JFrame;

public class CropImage extends JFrame implements MouseListener, MouseMotionListener {     int drag_status=0,c1,c2,c3,c4; public static void main(String args[]) {     new CropImage().start(); } public void start() {     ImagePanel im=new ImagePanel("F:\\Wallpaper\\wallpapers\\1.jpg");     add(im);     setSize(400,400);     setVisible(true);     addMouseListener(this);     addMouseMotionListener( this );     setDefaultCloseOperation(EXIT_ON_CLOSE); } public void draggedScreen()throws Exception {         int w = c1 - c3;         int h = c2 - c4;         w = w * -1;         h = h * -1;         Robot robot = new Robot();         BufferedImage img = robot.createScreenCapture(new Rectangle(c1, c2,w,h));         File save_path=new File("screen1.jpg");         ImageIO.write(img, "JPG", save_path);     System.out.println("Cropped image saved successfully."); } @Override public void mouseClicked(MouseEvent arg0) { }

@Override public void mouseEntered(MouseEvent arg0) { }

@Override public void mouseExited(MouseEvent arg0) { }

@Override public void mousePressed(MouseEvent arg0) {     repaint();     c1=arg0.getX();     c2=arg0.getY(); }

@Override public void mouseReleased(MouseEvent arg0) {     repaint();     if(drag_status==1)     {     c3=arg0.getX();     c4=arg0.getY();     try     {     draggedScreen();     }     catch(Exception e)     {         e.printStackTrace();     }     } }

@Override public void mouseDragged(MouseEvent arg0) {     repaint();     drag_status=1;     c3=arg0.getX();     c4=arg0.getY(); }

@Override public void mouseMoved(MouseEvent arg0) {

}

public void paint(Graphics g) {     super.paint(g);     int w = c1 - c3;     int h = c2 - c4;     w = w * -1;     h = h * -1;     if(w<0)         w = w * -1;     g.drawRect(c1, c2, w, h); } }

 类似资料:
  • 本文向大家介绍iOS实现裁剪框和图片剪裁功能,包括了iOS实现裁剪框和图片剪裁功能的使用技巧和注意事项,需要的朋友参考一下 图片处理中经常用的图片剪裁,就是通过剪裁框确定图片剪裁的区域,然后剪去该区域的图片,今天实现了一下,其实图片剪裁本身不难,主要剪裁框封装发了点时间,主要功能可以拖动四个角缩放,但不能超出父视图,拖动四个边单方向缩放,不能超出父视图,拖动中间部分单单移动,不改变大小,不能超出父

  • 本文向大家介绍php结合imgareaselect实现图片裁剪,包括了php结合imgareaselect实现图片裁剪的使用技巧和注意事项,需要的朋友参考一下 引用CSS 引用js html jQuery代码 确定裁剪 服务器端php代码 以上所述就是本文的全部内容了,希望大家能够喜欢。

  • 本文向大家介绍vue实现图片裁剪后上传,包括了vue实现图片裁剪后上传的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了vue实现图片裁剪后上传的具体代码,供大家参考,具体内容如下 一、背景 目前负责的系统(商城后台管理系统)里面有这么一个需求,为了配合前台的展示,上传的商品图片比较必须是1:1的正方形。(其它地方有时会有5:4或者16:9的需求,但较少)。所以需要对上传的图片先进行裁

  • 本文向大家介绍使用JavaScript+canvas实现图片裁剪,包括了使用JavaScript+canvas实现图片裁剪的使用技巧和注意事项,需要的朋友参考一下 canvas是一个可以让我们使用脚本绘图的标签,它提供了一系列完整的属性和方法。我们可以借此来实现图形绘制,图像处理甚至实现简单的动画和游戏制作。 canvas标签只有两个属性:width和height,用来设定画布的宽和高,如果没有通

  • 本文向大家介绍基于原生JS实现图片裁剪,包括了基于原生JS实现图片裁剪的使用技巧和注意事项,需要的朋友参考一下 下面是我自己写的图片裁剪的功能介绍: 可以利用鼠标拖拉,产生裁剪框 可以改变裁剪框大小 点击确定,返回裁剪数据 原理 完成裁剪的方法有两种: 1、利用HTML5新增拖拽事件drag drop等 2、传统方法,利用鼠标事件,mousedown、mousemove等 在这里,我们采用方法2。

  • 本文向大家介绍Python OpenCV实现裁剪并保存图片,包括了Python OpenCV实现裁剪并保存图片的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Python OpenCV实现裁剪并保存图片的具体代码,供大家参考,具体内容如下 问题描述 从图片中选出某一区域,Enter保存 1.jpg 代码 PS:x,y为ROI的坐标,w,h为ROI的大小 效果 敲击Enter 得到图片