Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Ruotare immagini provenienti da smartphone

    Ho una pagina con una mappa di Google Maps con tanto di traccia GPS e alcuni markers, cliccando sui quali appare una piccola finestra con una piccola immagine. La funzione responsabile di ciò è la seguente :

    codice:
    function createMarker(point, sorg, icon, nom) {
      var marker = new google.maps.Marker({
        map : map,
        title : nom,
        icon : icon,
        position : point
      });
        var contentString = "<div id='content'><img src='" + sorg + "'  height='320'></div><div id='ore' align='center'>"+nom+"</div>";
        contentString = contentString + "<div align='center'><a href='" + sorg + "' target='_blank'>[formato 1:1]</a>";
        var infowindow = new google.maps.InfoWindow({
        content: contentString
    });
    Premetto che ho constatato che alcuni smarthone, sempre impugnati verticalmente, ruotano di 90 gradi le fotografie, non so perchè. E' un dato di fatto.
    Un'immagine larga 1080 px e alta 1920 px, ripresa con uno smartphone (sempre in posizione verticale), viene visualizzata nella mia pagina correttamente (180x320 pixel).
    Fino a qui tutto OK.
    Un'altra immagine (stessa risoluzione ma larghezza 1920 e altezza 1080), ripresa con un altro smarphone sempre in posizione verticale, viene visualizzata in formato orizzontale (larghezza 560 e altezza 320 pixel) e questo non è accettabile.
    Come fare a ruotare, con codice Javascript, di 90 gradi in senso orario le immagini del secondo tipo ?
    Non credo sia necessario leggere i dati exif delle immagini (e comunque non saprei come fare).
    Penso che una volta capito che l'immagine è del secondo tipo si debba attivare una funzione Javascript che ruoti l'immagine che a quel punto diventa del primo tipo e quindi correttamente visualizzabile (sempre in formato portrait e alta 320 pixel)
    Come risolvere quindi il problema ?
    Grazie per l'attenzione.

  2. #2
    Le immagini create dai miei 2 smartphone non hanno dati EXIF.

  3. #3
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,514
    ma se l'immagine ti arriva con l > h che tu la ruoti cosa cambia?
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.