Duplicare ArrayList con elementi multipli degli originali

**andbin** · 17-03-2017, 16:46

Originariamente inviata da Gas75

ma per aprire un svg in una finestra di browser di opportune dimensioni e fare quindi scalare il disegno vettoriale (???), immagino di dovere fornire via file jar sia un svg che un file html che lo contenga. :eek

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".

**Gas75** · 19-03-2017, 14:25

Originariamente inviata da andbin

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...

**andbin** · 19-03-2017, 19:14

Originariamente inviata da Gas75

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.

Discussione: Duplicare ArrayList con elementi multipli degli originali

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Tag per questa discussione

Permessi di invio