Mafungo ya uwezo wa image

Mfano wa Image wa DOM wa HTML

Mifano na matumizi

width Mkinga au kureta uwezo wa image: Mafungo ya width kwa thamani.

Mafungo ya width ya HTML inasababisha uwezo wa image.

Hii mafungo inaweza kureta uwezo wa image kwa CSS (tazama mifano chini).

Mifano:Tumia Mafungo ya height Mkinga au kureta uwezo wa image: Mafungo ya height kwa thamani.

Mifano

Mifano 1

Chagua kipimo cha image kwa 450px:

document.getElementById("myImg").width = "450";

Tenda kwa mafano

Mifano 2

Ruhusu uwezo wa image:

var x = document.getElementById("myImg").width;

Tenda kwa mafano

Mifano 3

Chagua kipimo cha uwezo wa kipengele cha image kwa 300px na 450px:

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "450";

Tenda kwa mafano

Mifano 4

Ruhusu uwezo wa CSS kumkinga image:

var x = document.getElementById("myImg").width;

Tenda kwa mafano

Mifano

Ruhusu width mafungo:

imageObject.width

Mkinga width mafungo:

imageObject.width = pixels

Hakika ya kifaa

Adhira Maelezo
pixels Ukubwa kwa mita mita (k.m.f. width="100").

Maelezo ya teknolojia

Adhira: Adhira, inaeleza ukubwa wa picha kwa mita mita.

Mwongozo wa kufikia kwa kawaida

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Msaada Msaada Msaada Msaada Msaada

Vipindi vya vingine

Mwongozo wa HTML:Mwili wa HTML <img> kwa width

Mfano wa Image wa DOM wa HTML