ویژگی naturalWidth Image

تعریف و استفاده

naturalWidth ویژگی‌ها عرض اولیه تصویر را بازمی‌گرداند.

مثلاً، اگر شما یک تصویر 100 پیکسل عرض دارید. سپس، شما از CSS/یا از ویژگی "عرض" HTML برای تنظیم استایل تصویر استفاده می‌کنید، تا عرض تصویر 500 پیکسل شود. ویژگی naturalWidth بازگشت "100" را می‌دهد، و ویژگی width بازگشت 500 را می‌دهد.

توضیح:لطفاً از ویژگی naturalHeight بازگشت عرض اولیه تصویر، یا استفاده از ویژگی height تنظیم یا بازگشت عرض تصویر ویژگی height مقدار.

توجه:این ویژگی فقط خواندنی است.

مثال

مثال 1

گزارش عرض اولیه تصویر:

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

آزمایش کنید خودتان

مثال 2

متفاوتگی بین ویژگی‌های naturalWidth و width:

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

آزمایش کنید خودتان

نوع نگارش:

imageObject.naturalWidth

جزئیات فنی

مقدار بازگشتی: اعداد، که عرض اصلی تصویر را نشان می‌دهد (به پیکسل).

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی 9.0 پشتیبانی پشتیبانی پشتیبانی