Image naturalWidth ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML DOM 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 پشتیبانی پشتیبانی پشتیبانی

HTML DOM Image ਅਬਜੈਕਟ