Pagina 2 di 2 primaprima 1 2
Visualizzazione dei risultati da 11 a 13 su 13
  1. #11
    Quote Originariamente inviata da andbin Visualizza il messaggio
    Beh, come fornire svg e una pagina html è un altro discorso ... dipende. Cosa realizzi, una web application Java EE? O una applicazione "desktop"?

    Comunque, prima di continuare, prova questo documento HTML:

    codice:
    <!DOCTYPE html>
    <html>
    <body>
    
    <h1>Prova SVG</h1>
    
    <img src="https://openclipart.org/download/14695/Rocket000-fruit-cherries.svg" height="50">
    
    <br><br>
    
    <img src="https://openclipart.org/download/14695/Rocket000-fruit-cherries.svg" height="120">
    
    <br><br>
    
    <div style="width:300px; height:300px; overflow:scroll;">
    <img src="https://openclipart.org/download/14695/Rocket000-fruit-cherries.svg" height="600">
    </div>
    
    <br><br>
    
    </body>
    </html>

    Crea un file es. prova.html vuoto e incollaci (con Notepad, Notepad++ ecc...) il codice sopra poi apri il documento con Firefox o altro browser.

    La immagine vettoriale (presa direttamente da OpenClipArt) come vedi è scalata in vari modi. E nel terzo caso è alta 600 pixel ma è dentro un <div> dimensionato 300x300 pixel che però ha il "overflow" a scroll, che fa sì che compaiono le scrollbar, così la immagine è "scrollabile".
    Ho fatto la prova ad aprire dal browser direttamente il file svg linkato qui... Si adatta in automatico alla finestra del browser che è proprio l'effetto di cui avrei bisogno.
    Non riesco però a capire dall'XML come faccia ad adattarsi; ufficialmente pare sia possibile adattare un svg soltanto tramite CSS...

  2. #12
    Utente di HTML.it L'avatar di andbin
    Registrato dal
    Jan 2006
    residenza
    Italy
    Messaggi
    18,284
    Quote Originariamente inviata da Gas75 Visualizza il messaggio
    Non riesco però a capire dall'XML come faccia ad adattarsi;
    Quando il SVG è caricato come documento standalone (e non è embedded, cioè incorporato in un HTML), lo user agent (browser) deve (dovrebbe per quanto ne so) basarsi sugli attributi width/height del <svg> .... se ci sono. Il default di width/height sul <svg> è 100%.

    Sulla documentazione di mozilla c'è una spiegazione in https://wiki.mozilla.org/SVG:Sizing nella sezione "Sizing of standalone SVG" (non ho trovato di più completo/attendibile).

    E quel disegno Rocket000-fruit-cherries.svg infatti non ha width/height per il <svg> quindi per default 100% per entrambi.

    Scarica quel svg delle ciliegie e poi aprilo in locale facendo delle prove con width/height/preserveAspectRatio

    Prova:

    width="50%"

    width="50%" height="50%"

    width="100%"

    width="300"
    (sono 300 pixel fissi!)

    solo preserveAspectRatio="none"

    provando anche a ridimensionare la finestra.
    Ultima modifica di andbin; 19-03-2017 a 19:21
    Andrea, andbin.devSenior Java developerSCJP 5 (91%) • SCWCD 5 (94%)
    java.util.function Interfaces Cheat SheetJava Versions Cheat Sheet

  3. #13
    Di prove (e letture) ne sto facendo... Solo che ho perso tempo a usare Windows Explorer come viewer predefinito degli svg, dove pare che la gestione delle dimensioni sia poco sviluppata , mentre su Firefox e Chrome tutto risponde meglio , anche sui semplici svg fatti da me con Inkscape.
    Direi che l'ostacolo è superato, ora posso tornare su Java e dare in pasto all'ActionPerformed le coordinate da visualizzare!

    Grazie.

Tag per questa discussione

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.