Condivisione della tecnologia

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

L'immagine viene visualizzata nel div in proporzione alla dimensione originale dell'immagine, il che garantisce che l'immagine visualizzata sul Web abbia la stessa forma dell'immagine reale e mantenga l'effetto dell'immagine originale.

Il codice implementativo è il seguente:

<div style="padding: 0; width:400px;height:400px;position: absolute;border: 1px solid #eff2f6;">
   <img :src="imgOptions.img" style="width: 100%;height:100%;object-fit: contain;"/>
</div>

L'effetto è il seguente: