Progetto:Trascrizioni/Progetto Phe: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
Nessun oggetto della modifica
Riga 200:
 
Tale algoritmo è necessario per classificare i valori-riga delle coordinate in gruppi omogenei (margini, altezza interlinee, "densità" del testo nella riga ecc), passo preliminare al loro riconoscimento, filtrando la variabilità casuale va evitando di definire limiti arbitrari.
 
=== Evidenziare una linea nell'immagine a fronte ===
Per tracciare un rettangolo di larghezza 100px e altezza 15px nella div che contiene l'immagine a fronte, con l'angolo superiore sinistro a 600px dal top della div, e a 100px dal margine sinistro, di colore #aaaaff e con opacità 0.3, si scrive:
 
<pre>$('<div id="phe" style="position:absolute;
top:600px;
left:100px;
width:100px;
height:15px;
background-color: #aaaaff;
opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */"></div>').appendTo('#pr_container')</pre>
 
Per cancellare la div phe:
<pre>$("#phe").remove()</pre>
 
I dati necessari per evidenziare una riga di testo sono:
# le dimensioni dell'immagine originale: datiPagina["xypagina"][0] e datiPagina["xypagina"][1]
# le dimensioni dell'immagine visualizzata: <nowiki>$('#ProofReadImage').attr("width")</nowiki>
# le coordinate della riga di testo nell'immagine originale: es, per la prima riga: datiPagina["righe"][0][0]....[3], rispettivamente x1,y1,x2,y2
# l'algoritmo di trasformazione delle coordinate originali per ridimensionarle e per posizionarle.
# fattoreScala=larghezza immagine/larghezza immagine originale=<nowiki>$('#ProofReadImage').attr("width")/datiPagina["xypagina"][0]</nowiki> {{fatto}}
# altezzaImmagine=altezza immagine originale*fattoreScala=datiPagina["xypagina"][1]*fattoreScala {{fatto}}
# posizioneX=x1*fattoreScala {{fatto}}
# posizioneY=(datiPagina["xypagina"][1]-datiPagina["righe"][0][3])*fattoreScala {{fatto}}
# larghezzaRiga=(datiPagina["righe"][0][2]-datiPagina["righe"][0][0])*fattoreScala {{fatto}}
# altezzaRiga=(datiPagina["righe"][0][3]-datiPagina["righe"][0][1])*fattoreScala {{fatto}}
 
e adesso proviamo....
<pre>$('<div id="test" style="position:absolute;top:'+posizioneY+'px;left:'+posizioneX+'px;width:'+larghezzaRiga+'px;height:'+altezzaRiga+'px; background-color: #aaaaff; opacity:0.3; filter:alpha(opacity=30); /* For IE8 and earlier */"></div>').appendTo('#pr_container')</pre> {{fatto}} Urrà!!!!