HTML image 标签的 naturalWidth 和 width 属性区别

2 min read

HTML image 标签的 naturalWidth 属性表示图片的原始宽度,单位为像素(px),而 width 属性表示图片的显示宽度,也是以像素为单位。

naturalWidth 属性获取的是图片的实际宽度,即图片本身的宽度,不受 CSS 或 HTML 中指定的宽度属性的影响。返回的值是一个只读属性,可以用来获取图片宽度的信息。

width 属性用于指定或获取图片的显示宽度。可以通过设置 width 属性来改变图片在网页中的显示大小。这个属性可以是一个具体的像素值,也可以是一个百分比值。如果未指定 width 属性,图片会按照其 naturalWidth 属性的大小进行显示。

因此,naturalWidth 属性获取的是图片的原始宽度,而 width 属性用于控制图片在网页中的显示宽度。