Il plugin per jQuery resizeImageToParent, fa esattamente quello che dice: ridimensiona una immagine in base alla dimensione del contenitore in cui si trova.
In teoria dovrebbe anche centrarle, ma non mi è ma capitato questo caso.
Quando usiamo un componente a griglia, ci viene quasi automatico allargare le colonne per vederne bene il contenuto.
Se siamo in ambito Qt, e vogliamo avere il ridimensionamento automatico delle colonne di una QTableWidget, come possiamo fare?
Per ridimensionare le immagini con Python, tutti consigliano l'uso di PIL / Pillow.
Pillow, in realtà, è un fork di PIL, e funziona bene anche con Python 3.
Oggi vediamo qualche esempio di utilizzo.
Prima di tutto installiamo la libreria:
$ sudo pip install pillow
Una libreria Javascript che sto usando parecchio per la creazione di grafici è Google Chart.
Molto semplice da usare e da includere.
Oggi vediamo come impostare la "modalità" responsive.
In eveirà la cosa è molto semplice: questo il div:
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<column cols="6" class="cols_chart">
<div id="chart_entrate"></div>
</column>
Come vedete non ho impostato misure.
Vediamo una piccola classe, con un solo metodo, per il resize delle immagini in Java.
Ci stanno anche diverse librerie esterne per fare questo, ma su consiglio del forum HTML.it, ho usato gli strumenti standard.
Nello specifico getScaledInstance di Image, che consente queste tre possibilità:
Infatti se facciamo questo, la larghezza verrà calcolata in automatico:
ImageResize ir = new ImageResize();
try {
ir.resizeImage(new File("immagine.jpg"), "path/to/save/", -1, 800);
} catch (IOException ex) {
JOptionPane.showMessageDialog(this, ex.getMessage());
}
In pratica abbiamo passato un valore negativo come larghezza (accetta -1).
Ho già parlato più volte di come effettuare il resizing di una immagine in PHP durante l'upload.
Però mi è stata suggerita quest'ottima libreria per manipolare e salvare immagini: Wideimage.
Con questa libreria è posibile fare anche il resizing, il cropping e il merging in maniera semplice.
Qui vederemo come fare l'upload e il resizing.
Com'è possibile vedere dalla documentazione è possibile passare alla funzione resize() anche solo l'altezza o la larghezza; in questi casi l'altro lato verrà ridimensionato in automatico mantenendo le proporzioni.
E questa è una cosa molto comoda.
Qui potete la doc abbastanza completa.
Nell'esempio useremo subito l'upload multiplo con il controllo sulla larghezza in modo tale che se è più larga di 500px venga ridimensionata.
Quindi partendo da questo form:
<form action="" method="post" name="news" enctype="multipart/form-data">
<input type="file" name="file[]" /><br/>
<input type="file" name="file[]" /><br/>
<input type="file" name="file[]" /><br/>
<input type="submit" value="Submit" name="btn_news" />
</form>
Che ha tre input file e quindi permette da 1 a 3 file contemporaneamente.