Caputo's blog

Informatica, tecnologia, programmazione, fai da te, papercraft e papertoy

Scrivere il testo con il mouse

Giugno 17th, 2009 by Giovanni Caputo

Questo script jQuery permette di riconoscere il testo che scrivete nella casella. A mio parere può essere molto utile per applicazioni su dispositivi touch.

Lo scriptfa parte di ” mouse gesture recognition action script ” realizzato da  Didier Brun.

http://anantgarg.com/wp-content/uploads/2009/05/screenshot.jpg

Qui di seguito la Demo: http://anantgarg.com/fancygestures/

Qui invece la documentazione: http://anantgarg.com/2009/05/21/jquery-fancy-gestures

Richiede

1. jQuery
2. Walter Zorn’s VectorGraphics Library

Utilizzo

Scrivere un nuovo file html con il seguente codice. La funzione restituisce il carattere simbolo riconosciuto.

<div id=”sample” style=”border:1px solid black;position:relative;height:150px;width:150px;”></div>

<script type="text/javascript" src="wz_jsgraphics.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.fancygestures.js"></script>

<script>

$(document).ready(function () {
	$('#sample').fancygestures(function (data) {
		alert(data);
	});
});

</script>

Personalizzazione

Di seguito i codici per scrivere i caratteri.

Fancy Gestures Customization

Se inceve supponiamo di voler aggiungere il riconoscimento di un cerchio con la sequenza “432107654″, basta semplicemente modificare il file query.fancygestures.jse aggiungere dopo la linea 7 il seguente codice:

gestures["CIRCLE"] = "432107654";

Questa line farà restituire “CIRCLE” alla funzione precedentemente scritta, quando sarà disegnato un cerchio. Naturalmente bisonga controllare di non avere realizzato sequenze simili per il riconoscimento di caratteri differenti. Ad esempio, potrebbe essere difficile distinguere uno zero da una o.

Questo post è stato postato mercoledì, Giugno 17th, 2009 at 14:45 nella categoria Siti Web, Tecnologia, tutorial. Puoi seguire tutti i commenti di questo articolo attraverso RSS 2.0 feed. Puoi lasciare un commento, o trackback dal nostro sito.

Lascia un commento

You must be loggati to post a comment.