Technologieaustausch

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

Das Bild wird im Div im Verhältnis zur Originalgröße des Bildes angezeigt, wodurch sichergestellt wird, dass das im Web angezeigte Bild dieselbe Form wie das tatsächliche Bild hat und den ursprünglichen Bildeffekt beibehält.

Der Implementierungscode lautet wie folgt:

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

Der Effekt ist wie folgt: