Come fare a..‎ > ‎Grafica e disegno‎ > ‎

Coordinate delle zone di un'immagine

di Maria Silvana Radice

Coordinates of the area of an image:







Il metodo per dividere un'immagine in zone e ricavarne le coordinate non e` poi cosi` intuitivo, anzi, di primo acchito puo` creare un sacco di confusione nella testa. Vediamo, quindi, di sviluppare un metodo, il piu` semplice possibile, per ottenere questo risultato. Per quanto io abbia cercato e ricercato in rete, non ho trovato un programma semplice che faccia questo tipo di lavoro. Sicuramente, esiste la funzione all'interno di molti programmi di grafica, ma, anche in questo caso, non e` facile. C'e` questo programma online: http://www.maschek.hu/imagemap/imgmap che puo` essere utile, ma c'e` anche un metodo manuale che ora vi spiego.

Io mi sono organizzata cosi`....

Con un programma di grafica, come, per esempio, il mio amatissimo Photofiltre, creo una griglia sopra ad una copia dell'immagine che voglio mappare e la salvo sul descktop....


coordinate zone immagine


Fatto questo, uso un leggerissimo e semplicissimo programmino che non e` altro che un righello, in grado di misurare, anche in pixel, qualunque immagine.
Esiste in tutte le versioni, anche se con aspetto differente. Ecco i link per il download:


Per Linus:
https://gnomecoder.wordpress.com/screenruler/


Dopo averlo scaricato e aperto, lo posizionate sulla vostra immagine....


coordinate zone immagine


....e misurate le distanze, calcolando le coordinate corrispondenti alle zone che volete mappare.
Riferendoci ai lati di una zona, tenete presente che le coordinate necessarie per una zona quadrata, o rettangolare, sono quattro e cosi` distribuite:

Distanza del lato sinistro dall'asse Y (misurata sull'asse X)
Distanza del lato superiore dall'asse X (misurata sull'asse Y)
Distanza del lato destro dall'asse Y (misurata sull'asse X)
Distanza del lato inferiore dall'asse X (misurata sull'asse Y)

Dove l'asse X corrisponde al righello orizzontale  e l'asse Y corrisponde al righello verticale.

Facciamo qualche esempio:
Il primo quadratino, in alto a sx, avra` coordinate 0,0, 80, 90, perche` il lato sinistro si trova esattamente sull'asse Y (righello verticale) e quindi a distanza 0 da essa; il lato superiore si trova esattamente sull'asse X (righello orizzontale) e quindi a distanza 0 da essa; il lato destro si trova a 80 px di distanza dall'asse Y e il lato inferiore si trova a 90 px di distanza dall'asse X.
Analogamente, l'ultimo quadratino, in basso a dx, avra`, invece, coordinate 320, 180, 400, 263.

Una volta ottenute le misure, potete utilizzarle per l'immagine originale senza griglia.

Non e` indispensabile creare la griglia, potete anche definire, singolarmente, le zone. Il metodo di misurazione non cambia.


coordinate zona immagine


Le zone non devono essere, necessariamente, rettangolari, possono avere altre forme: circolare (circle) e poligonale (poly).
La misurazione, nel caso di zone circolari, o poligonali, va fatta in questo modo:
  • Zona circolare (<area shape=”circle”>): bisogna indicare le coordinate del centro (x e y) e la misura del raggio in pixel.
  • Zona poligonale (<area shape=”poly”>): bisogna indicare tutte le coordinate (x e y) dei vertici del poligono (es:  "x1, y1, x2, y2, ..., xn, yn".

Questo e` tutto.




Aiuta il sito! Condividi questa pagina su:
 Facebook   twitter  Google   Linked  in    

Ti e` stato utile questo argomento?