Получить высоту и ширину после установки maxHeight и maxWidth и автоматически - чистый JavaScript

Question

Возможно ли получить ширину и высоту изображения после установки maxHeight и maxWidth с помощью javascript.

$new_image = new Image();
$new_image.src = 'xxx.jpg';
$new_image.style.maxHeight = '500px';
$new_image.style.maxWidth = '600px';
$new_image.style.height = 'auto';
$new_image.style.width = 'auto';
alert('CURRENT WIDTH AND HEIGHT IF IMAGE IS 1000 X 1000 PX');

Я знаю, как получить максимальное значение, но это может быть не фактический размер, поскольку для изображения заданы высота и ширина "auto".

Нет ответов на JQuery, спасибо! :)

Answer 1

offsetHeight и offsetWidth получат то, что вы хотите, и примите во внимание maxWidth и maxHeight. Помните, что объект img должен быть частью DOM, чтобы иметь какие-либо измерения. Поэтому вам нужно добавить что-то вроде document.body.appendChild($new_image), прежде чем offsetHeight и width вернут что-нибудь полезное.

Answer 2

Вы можете использовать свойства элемента dom clientHeight и clientWidth для этого