Problemas con app simple para dibujar firma y guardarla como imagen

[dani86]

Buenas, estoy preparando una app auxiliar muy simple cuyo objetivo es capturar una firma y guardarla. La aplicación consiste en una ventana que se abre y permite dibujar una firma y al levantar el clic del ratón la guarda con imagen automáticamente.

El problema está en que me guarda una imagen en negro completamente, y no el dibujo realizado por pantalla.

Mis conocimientos en Java no son muy avanzados, de ahí que no consiga localizar el fallo. Os pongo a continuación el código que utilizo por si me podéis ayudar.

Gracias de antemano por vuestra ayuda, pues es algo que necesito para mi trabajo.

Código [Seleccionar] Expandir


package raton5;

import java.awt.*;
import java.awt.event.*;
import java.awt.image.BufferedImage;
import java.applet.*;
import java.io.File;
import java.io.IOException;

import javax.imageio.ImageIO;

@SuppressWarnings("serial")
public class RatonApplet extends Applet {

BufferedImage imagen = new BufferedImage(400,400, BufferedImage.TYPE_INT_RGB);

int uX=0, uY=0;
   
    public void init() {
   
    this.setBackground(Color.white);
   
        this.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mousePressed(MouseEvent e) {
                this_mousePressed(e);
            }
            public void mouseReleased(MouseEvent e) {
                try {
this_mouseReleased(e);
} catch (IOException e1) {
// TODO Auto-generated catch block
e1.printStackTrace();
}
            }
        });
        this.addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
            public void mouseDragged(MouseEvent e) {
                try {
this_mouseDragged(e);
} catch (IOException e1) {
// TODO Auto-generated catch block
e1.printStackTrace();
}
            }
        });
    }

    void this_mousePressed(MouseEvent ev) {
        uX=ev.getX();
        uY=ev.getY();
    }

    void this_mouseDragged(MouseEvent ev) throws IOException {
   
int x = ev.getX();
int y = ev.getY();
   
Graphics g=getGraphics();

g.drawLine(uX, uY, x, y);
uX=x;
uY=y;

g.dispose();

    }
   
    void this_mouseReleased(MouseEvent ev) throws IOException {
   
File file = new File("C:\\prueba.png");
ImageIO.write(imagen, "png", file);

System.exit(1);
    }   
       
}

Gracias nuevamente. Saludos.

[Maurice_Lupin]

Hola dani86, usa Geshi para ver mejor tu código. Como tenias gran parte avanzada le agrego lo que falta.

El problema era que tu variable imagen estaba sin colorear, ahora cuando pintas en la ventana del applet hace lo mismo en la imagen, asi tendrás un copia del applet. Todo lo que este en //***************** es lo que se agregó.

Código (java) [Seleccionar] Expandir

import java.awt.*;
import java.awt.event.*;
import java.awt.image.BufferedImage;
import java.applet.*;
import java.io.File;
import java.io.IOException;

import javax.imageio.ImageIO;

@SuppressWarnings("serial")
public class RatonApplet extends Applet {

BufferedImage imagen = new BufferedImage(400,400, BufferedImage.TYPE_INT_RGB);

int uX=0, uY=0;
Graphics2D g2; //**********************
       
    public void init() {
   
    this.setBackground(Color.white);
   
        //********************************
        g2 = imagen.createGraphics();
        g2.setColor(Color.white);
        g2.fillRect(0, 0, 400, 400);
        g2.setColor(Color.black);
        //********************************       

        this.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mousePressed(MouseEvent e) {
                this_mousePressed(e);
            }
            public void mouseReleased(MouseEvent e) {
                try {
this_mouseReleased(e);
} catch (IOException e1) {
// TODO Auto-generated catch block
e1.printStackTrace();
}
            }
        });
        this.addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
            public void mouseDragged(MouseEvent e) {
                try {
this_mouseDragged(e);
} catch (IOException e1) {
// TODO Auto-generated catch block
e1.printStackTrace();
}
            }
        });
    }

    void this_mousePressed(MouseEvent ev) {
        uX=ev.getX();
        uY=ev.getY();
    }

    void this_mouseDragged(MouseEvent ev) throws IOException {
   
int x = ev.getX();
int y = ev.getY();
   
Graphics g = getGraphics();

g.drawLine(uX, uY, x, y);
                g2.drawLine(uX, uY, x, y);  //*********************
               
uX=x;
uY=y;

g.dispose();

    }
   
    void this_mouseReleased(MouseEvent ev) throws IOException {
File file = new File("C:\\prueba.png");
ImageIO.write(imagen, "png", file);
System.exit(1);
    }   
       
}

[dani86]

Maurice_Lupin muchas gracias por tu ayuda!

Conseguí hacerlo funcionar con tu ayuda. Pero por motivos prácticos tuve que pasarlo de un applet a una aplicación para ejecutarlo en escritorio, y ahora tengo el problema inverso. Es decir, la aplicación funciona y consigo guardar la imagen que se genera, pero... no consigo mostrar por pantalla la firma/dibujo conforme se crea. Pongo el código tal cual lo tengo por si nuevamente me podéis ayudar:

Código (java) [Seleccionar] Expandir



package firma;

import java.awt.event.*;
import java.awt.image.BufferedImage;
import java.awt.Color; 
import java.awt.FlowLayout;
import java.awt.Graphics2D;

import java.io.File;
import java.io.IOException;

import javax.imageio.ImageIO;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JOptionPane;
import javax.swing.JPanel;
import javax.swing.WindowConstants;


/**
* Nombre de clase = recogeFirma
* Descripcion = Clase encargada de capturar la firma que se dibuja en pantalla
* @version 1.0
*/
public class recogeFirma
{
static int uX=0;
static int uY=0;
static private JButton jButton_Borrar;
static private JButton jButton_Guardar;
static private JLabel jLabel_IL;
static private JPanel jPanel_Firma;

static BufferedImage iFirma;
static Graphics2D g2;
static JFrame Ventana;
static String cDestino;
static String cExtension;

/**
* Metodo principal de la aplicacion
* @param string[] args
*/
    public static void main(String[] args)
    {   
if ( args.length == 2 ) {
cDestino = args[ 0 ]; // 1 Ruta de la imagen (nombre y extensión de esta incluida)
cExtension = args[ 1 ]; // 2 Extensión de la imagen
} else {
JOptionPane.showMessageDialog(null, "Faltan parámetros de entrada. Por favor revise la llamada.", "AppFirma", JOptionPane.WARNING_MESSAGE);
System.exit(1);
}

    iFirma = new BufferedImage(400,300, BufferedImage.TYPE_INT_ARGB);
   
JFrame Ventana = new JFrame("AppFirma");
Ventana.getContentPane().setLayout(new FlowLayout());
{
jPanel_Firma = new JPanel();
Ventana.getContentPane().add(jPanel_Firma);
jPanel_Firma.setPreferredSize(new java.awt.Dimension(400, 263));
jPanel_Firma.setBackground(new java.awt.Color(255,255,255));
}
{
jLabel_IL = new JLabel("Introduzca su firma");
Ventana.getContentPane().add(jLabel_IL);
jLabel_IL.setPreferredSize(new java.awt.Dimension(167, 33));
}
{
jButton_Borrar = new JButton("Borrar");
Ventana.getContentPane().add(jButton_Borrar);
jButton_Borrar.setText("Borrar");
jButton_Borrar.addActionListener (new ActionListener() {
public void actionPerformed (ActionEvent e) {
// Blanquear la imagen de la firma
}
});
}
{
jButton_Guardar = new JButton("Guardar");
Ventana.getContentPane().add(jButton_Guardar);
jButton_Guardar.setText("Guardar");
jButton_Guardar.addActionListener (new ActionListener() {
public void actionPerformed (ActionEvent e) {
try {
guardaFirma();
} catch (IOException er) {
er.printStackTrace();
}
}
});
}
Ventana.pack();
Ventana.setSize(400, 350);
Ventana.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
Ventana.setVisible(true);
   
Ventana.getContentPane().setBackground(new java.awt.Color(214,214,214));
Ventana.setForeground(Color.BLACK);
Ventana.setPreferredSize(new java.awt.Dimension(400, 350));

Ventana.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mousePressed(MouseEvent e) {
                uX=e.getX();
                uY=e.getY();
            }
        });
       
Ventana.addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
            public void mouseDragged(MouseEvent e) {
        int x = e.getX();
        int y = e.getY();
       
        g2 = (Graphics2D) iFirma.getGraphics();
       
        g2.setBackground(Color.WHITE);
            g2.setColor(Color.BLACK);
           
        g2.drawLine(uX, uY, x, y);
        uX=x;
        uY=y;
       
        g2.dispose();
            }
        });
    }
   
/**
* Metodo que guarda la imagen generada
*/
    public static void guardaFirma() throws IOException {

    File file = new File(cDestino);
    ImageIO.write(iFirma, cExtension, file);

System.exit(1);
    }
}


Gracias nuevamente por la ayuda recibida!

[Maurice_Lupin]

Hola dani86, podrias recargar el método paint del JFrame

@Override
public void paint(Graphics g) {
    super.paint(g);
    //pintas aqui
}

Un ejemplo de lo que buscas
http://swing-facil.blogspot.com/2011/04/programa-simple-de-dibujo-con-swing.html

O utilizar un Canvas, aqui lo usan para pintar una imagen
http://www.forosdelweb.com/f45/dibujar-figuras-sobre-jframe-471675/

Saludos.

[dani86]

Maurice_Lupin muchas gracias por tu ayuda e interés!

He estado revisando los ejemplos que me muestras detenidamente y he trasteado un poco con ellos. Pero la verdad es que no sé muy bien cómo implementarlos a lo que ya tengo desarrollado, he probado de distintas formas, pero dudo que fuesen las correctas.

Estoy seguro de que será sencillo, pero debido a que mi nivel de java no es muy alto (aunque trabajo como programador, utilizamos otros lenguajes habitualmente, esto es una aplicación puntual).

Agradecería mucho algo más de ayuda, alguna pista más de cómo hacerlo.

Gracias nuevamente por las molestias y por el interés.

Un saludo!

[Juan Pelaez]

Maurice_Lupin muchas gracias por tu ayuda e interés!

He estado revisando los ejemplos que me muestras detenidamente y he trasteado un poco con ellos. Pero la verdad es que no sé muy bien cómo implementarlos a lo que ya tengo desarrollado, he probado de distintas formas, pero dudo que fuesen las correctas.

Estoy seguro de que será sencillo, pero debido a que mi nivel de java no es muy alto (aunque trabajo como programador, utilizamos otros lenguajes habitualmente, esto es una aplicación puntual).

Agradecería mucho algo más de ayuda, alguna pista más de cómo hacerlo.

Gracias nuevamente por las molestias y por el interés.

Un saludo!

Buenas Dani86,

Conseguiste solucionar el tema de que no se ve lo que se garabatea en la pantalla ?, me interesa mucho este código y estoy en las mismas que tu.

Gracias

[Xyzed]

Buenas Dani86,

Conseguiste solucionar el tema de que no se ve lo que se garabatea en la pantalla ?, me interesa mucho este código y estoy en las mismas que tu.

Gracias

Hola Juan.
Dani86:

Fecha de registro:   13 Enero 2015, 10:00 am.
Última vez activo:   19 Enero 2015, 17:49 pm.

Dani86 únicamente creo su cuenta para realizar este post, realizó unos comentarios y no ingresó más al foro, así que dudo que te responda.
Te invitó a abrir un nuevo post así puedes recibir ayuda actualizada.

[Juan Pelaez]

Ok,

Pues así lo haré.