Compartir tecnología

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

La imagen se muestra en el div en proporción al tamaño original de la imagen, lo que garantiza que la imagen mostrada en la web tenga la misma forma que la imagen real y conserve el efecto de la imagen original.

El código de implementación es el siguiente:

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

El efecto es el siguiente: