Обмен технологиями

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

Изображение отображается в элементе div пропорционально исходному размеру изображения, что гарантирует, что изображение, отображаемое в Интернете, имеет ту же форму, что и фактическое изображение, и сохраняет эффект исходного изображения.

Код реализации следующий:

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

Эффект следующий: