Compartilhamento de tecnologia

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

A imagem é exibida no div proporcionalmente ao tamanho original da imagem, o que garante que a imagem exibida na web tenha o mesmo formato da imagem real e retenha o efeito da imagem original.

O código de implementação é o seguinte:

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

O efeito é o seguinte: