Partage de technologie

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

L'image est affichée dans le div proportionnellement à la taille d'origine de l'image, ce qui garantit que l'image affichée sur le Web a la même forme que l'image réelle et conserve l'effet d'image d'origine.

Le code d'implémentation est le suivant :

<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'effet est le suivant :