Is their a GUI app that can slice, dice ,and resassemble a JPG image on the screen?

[Benjamin Weaver]

Hi all,

I am looking for a piece of software that would enable the user to bring up a JPG or tiff image on the screen, cut up this image into parts as he or she wants on the screen using the mouse, reassemble the pieces into some other configuration, and save the re-composed image as a jpg to the database. The cut pieces could be simple rectangles. Is there a method of enabling this within a web browser or in a swing component?

[Craig Wood]

import java.awt.*;
import java.awt.event.*;
import java.awt.geom.Line2D;
import java.awt.image.*;
import java.io.*;
import java.util.Random;
import javax.imageio.ImageIO;
import javax.swing.*;
 
public class JigSaw extends JPanel implements ActionListener {
    BufferedImage source;
    BufferedImage edited;
    JLabel left;
    JLabel right;
    JFileChooser fileChooser;
    Random seed;
    boolean showGrid;
    final int ROWS = 4;
    final int COLS = 4;
 
    public JigSaw() {
        fileChooser = new JFileChooser("images");
        seed = new Random();
        showGrid = true;
    }
 
    public void actionPerformed(ActionEvent e) {
        String ac = e.getActionCommand();
        if(ac.equals("open"))
            openDialog();
        else if(ac.equals("edit"))
            edit();
        else if(ac.equals("save"))
            save();
    }
 
    private void openDialog() {
        if(fileChooser.showOpenDialog(right) == JFileChooser.APPROVE_OPTION) {
            File file = fileChooser.getSelectedFile();
            try {
                source = ImageIO.read(file);
            } catch(IOException e) {
                System.out.println("Unable to load image for " +
                                    file.getPath());
            }
            left.setIcon(new ImageIcon(source));
            left.revalidate();
            repaint();
        }
    }
 
    private void edit() {
        // Create random set of grid cell indices.
        int[] indices = getEditIndices();
        //System.out.printf("indices = %s%n", java.util.Arrays.toString(indices));
        // Create tiles for each cell index in indices.
        BufferedImage[] tiles = new BufferedImage[indices.length];
        int w = source.getWidth();
        int h = source.getHeight();
        int xInc = w/ROWS;
        int yInc = h/COLS;
        for(int j = 0; j < tiles.length; j++) {
            // Convert cell index to tile origin.
            int x = (indices[j]%COLS)*xInc;
            int y = (indices[j]/COLS)*yInc;
            try {
                tiles[j] = source.getSubimage(x, y, xInc, yInc);
            } catch(RasterFormatException e) {
                System.out.printf("raster format: %s%nx = %d\ty = %d" +
                                  "\txInc = %d\tyInc = %d%n",
                                   e.getMessage(), x, y, xInc, yInc);
            }
        }
        // Draw the tiles into edited by cell value in indices.
        edited = new BufferedImage(w, h, source.getType());
        Graphics2D g2 = edited.createGraphics();
        for(int j = 0; j < tiles.length; j++) {
            int x = (j%COLS)*xInc;
            int y = (j/COLS)*yInc;
            g2.drawImage(tiles[j], x, y, right);
        }
        g2.dispose();
        // Set new image in right.
        right.setIcon(new ImageIcon(edited));
        right.revalidate();
    }
 
    private int[] getEditIndices() {
        int[] domain = new int[ROWS*COLS];
        for(int j = 0; j < domain.length; j++)
            domain[j] = j;
        int[] retVal = new int[domain.length];
        for(int j = 0; j < retVal.length; j++)
            retVal[j] = -1;
        int count = 0;
        while(count < retVal.length) {
            int index = seed.nextInt(domain.length);
            if(isUniqueIn(domain[index], retVal)) {
                retVal[count++] = domain[index];
                domain = removeIndexFrom(index, domain);
            }
        }
        return retVal;
    }
 
    private boolean isUniqueIn(int n, int[] array) {
        for(int j = 0; j < array.length; j++) {
            if(n == array[j])
                return false;
        }
        return true;
    }
 
    private int[] removeIndexFrom(int index, int[] array) {
        int[] smaller = new int[array.length-1];
        for(int j = 0; j < index; j++)
            smaller[j] = array[j];
        for(int j = index+1; j < array.length; j++)
            smaller[j-1] = array[j];
        return smaller;
    }
 
    private void save() {
        File outFile = new File("jigSaw.jpg");
        try {
            ImageIO.write(edited, "jpg", outFile);
        } catch(IOException e) {
            System.out.println("write error: " + e.getMessage());
        }
    }
 
    private JScrollPane getContent() {
        left  = new GridLabel(this);
        right = new JLabel("", JLabel.CENTER);
        JPanel panel = new JPanel(new GridLayout(1,0,5,0));
        panel.add(left);
        panel.add(right);
        return new JScrollPane(panel);
    }
 
    private JPanel getUIPanel() {
        String[] ids = { "open", "edit", "save" };
        JPanel panel = new JPanel();
        for(int j = 0; j < ids.length; j++) {
            JButton button = new JButton(ids[j]);
            button.setActionCommand(ids[j]);
            button.addActionListener(this);
            panel.add(button);
        }
        final JCheckBox cb = new JCheckBox("show grid", showGrid);
        cb.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                showGrid = cb.isSelected();
                left.repaint();
            }
        });
        panel.add(cb);
        return panel;
    }
 
    public static void main(String[] args) {
        JigSaw jigSaw = new JigSaw();
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(jigSaw.getContent());
        f.getContentPane().add(jigSaw.getUIPanel(), "Last");
        f.setSize(400,400);
        f.setLocation(200,200);
        f.setVisible(true);
    }
}
 
class GridLabel extends JLabel {
    JigSaw jigSaw;
 
    public GridLabel(JigSaw js) {
        super();
        setHorizontalAlignment(CENTER);
        jigSaw = js;
    }
 
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D)g;
        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                            RenderingHints.VALUE_ANTIALIAS_ON);
        ImageIcon icon = (ImageIcon)getIcon();
        if(icon == null) return;
        double w = icon.getIconWidth();
        double h = icon.getIconHeight();
        double xInc = (w-1)/jigSaw.ROWS;
        double yInc = (h-1)/jigSaw.COLS;
        double x0 = (getWidth() - w)/2;
        double y0 = (getHeight() - h)/2;
        if(jigSaw.showGrid) {
            g2.setPaint(Color.red);
            double x = x0;
            for(int j = 0; j <= jigSaw.ROWS; j++) {
                g2.draw(new Line2D.Double(x, y0, x, y0+h));
                x += xInc;
            }
            double y = y0;
            for(int j = 0; j <= jigSaw.COLS; j++) {
                g2.draw(new Line2D.Double(x0, y, x0+w, y));
                y += yInc;
            }
        }
    }
}

[Benjamin Weaver]

Wow! Craig, thanks a lot for this slab of beef! I will learn much from it, including the fundamentals of image manipulation. I will have to learn how to select a rectangle using the mouse (as opposed to random selection) so I will get to work drawing with the mouse. Much to learn, but this is a great start!

[Benjamin Weaver]

ps pardon abominable spelling on the item description--

"their" should read "there"

"resassemble" should read "reassemble"