Discussion :

[psal78]

Bonjour,
Je fais partie de l'équipe d'un projet sur une interface assez spéciale et on aurait besoin de récupérer la signature d'un utilisateur, à la souris
Est-ce que vous auriez des idées ???
Je pensais faire un truc genre le truc dispo sur Live Messenger...
Merci par avance de vos réponses
Pierre

[eclesia]

Signature a la souris...

faire une sorte de panneau de dessin et enregistrer les pixels noires

quand a l'identifer apres....
une zone buffer autour de ses points et une comparaison.

[psal78]

Seule l'acquisition de l'image et son affichage sous le curseur, en temps "réel" nous intéresse, pas de reconnaissance à faire...
ça simplifie le truc mais je ne suis pas super doué au niveau dessin en java...

[bouye]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
 
import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import java.awt.image.*;
import javax.swing.*;
import javax.swing.event.*;
 
 
Public class SignaturePanel extends JPanel {
  /** Default width.
   */
  public static final int DEFAULT_WIDTH = 320;
 
  /** Default height.
   */
  public static final int DEFAULT_HEIGHT = 200;
 
  /** Default radius for the pen tip.
   */
  public static final int DEFAULT_RADIUS = 10;
 
  /** Signature image.
   * @todo make a getter for it ; maybe return a copy of this image.
   */
  private BufferedImage image = new BufferedImage(DEFAULT_WIDTH, DEFAULT_HEIGHT, BufferedImage.TYPE_INT_RGB);
 
   /** The dot (pen tip) shape.
    */
  private Ellipse2D dot = new Ellipse2D.Float(-DEFAULT_RADIUS, -DEFAULT_RADIUS, DEFAULT_RADIUS*2, DEFAULT_RADIUS*2);
 
   /** Paint/color of the ink to be used.
   */
  private Paint ink = Color.BLACK;
 
  /** Listen to the mouse.
  */
  private InnerListener innerListener = new InnerListener();
 
  /** Creates a new instance.
   */
  public SignaturePanel() {
    super();
    // Make a white image.
    Graphics2D g = image.createGraphics();
    g.setColor(Color.WHITE);
    g.fillRect(0, 0, DEFAULT_WIDTH, DEFAULT_HEIGHT);
    g.dispose();
    // Try to make this panel non-resizable.
    Dimension size = new Dimension(DEFAULT_WIDTH, DEFAULT_HEIGHT);
    setMinimumSize(size);
    setMaximumSize(size);
    setPreferredSize(size);
    setSize(size);
    // Self listen to mouse events.
    addMouseListener(innerListener);
    addMouseMotionListener(innerListener);
  }
 
  /** {@inheritDoc}
   */
  @Override protected void paintComponent(Graphics g) {
    // Draw image onscreen.
    g.drawImage(image, 0, 0, null);
  }
 
  /** Draw point at current location, with current ink and dot.
   * <br>Does nothing if out of the image (+some margin to let the pen draw on the borders).
   */
  private drawPoint(int x, int y) {
    if ((x > -DEFAULT_RADIUS) && (x < DEFAULT_WIDTH+DEFAULT_RADIUS) && (y > -DEFAULT_RADIUS ) && ( y < DEFAULT_HEIGHT+DEFAULT_RADIUS)) {
       Graphics2D g = image.createGraphics();
       g.setRenderingHints(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
       g.setPaint(ink);
       g.fill(dot);
       g.dispose();
    }
  }
 
  /** Inner listener for mouse events.
   */
  private class InnerListener implements MouseInputListener {
    /** {@inheritDoc}
    */
    public void mouseClicked(MouseEvent event) {
      drawPoint(event.getX(), event.getY());
      repaint();
    }
 
    /** {@inheritDoc}
    */
    public void mouseDragged(MouseEvent event) {
      drawPoint(event.getX(), event.getY());
      repaint();
    }
  }
}

Sinon parmis les ameliorations :
- utiliser une forme non-reguliere pour la pointe du stylo (une pointe de stylo qui se deplace donne plutot une forme de goutte d'eau).
- detecter l'orientation et la vitesse du trace et adapter l'orientation et la forme de la pointe du stylo celon (pour simuler un vrai trace ecris).
- utiliser un Paint plus complexe que la simple couleur noire (un beau GradientPaint noir->gris sombre ca peut faire joli, sinon utiliser une TexturePaint pour simuler le grain du papier).
- trouver un moyen de simuler/detecter la pression (histoire de faire varier la quantite d'encre et donc de rendre la signature de maniere appropriee : par exemple en utilisant une AlphaComposite +/- transparente et/ou en faisant varier la taille de la pointe via une AffineTransform dans drawPoint() quand on dessine la forme de la pointe du stylo).
...

Bon TP ou projet !