Почему не отображается полностью картинка, но если я делаю display: none, display: flex, то картинка выводится вся?

Question

[amiznikov]

есть приложение основанное на кордове, при загрузке картинки, она не отображается полностью, если я гружу в процессе взаимодействия с приложением(т.е по вебсокетам мне приходит инфа, что нужно показывать картинку).
Для разъяснения пикчи:
не работает

отключили дисплей

включили дисплей


вопрос, как сделать, чтобы без этого работало? Спасибо!

Comments

[irishmann]

Поправьте вопрос согласно 3.8. пункта правил

Answer 1

[Андрей Гончаров]

Вероятно, когда приложение начинает грузить картинку браузер не знает размеров пикчи. А когда оно уже загружено, то бразуер соответственно адекватно реагирует на ее изменение.
Я предположу, что тебе надо загружать пикчу в объект js, а уже по колбеку ее загрузки вставлять его в дом. Ну или как-то отслеживать, чтобы картинка была загружена перед вставкой в дом ее.

Comments

[amiznikov]

спасибо! просто тогда странно, если я снова открываю приложение, то прошлые картинки, которые грузились криво, отображаются нормально, а новопришедшие - нет

[Андрей Гончаров]

amiznikov, потому что они есть уже в кэше браузера и метаданные их тоже уже есть.

[amiznikov]

та не, я же просто снова открываю приложение, с новым симулятором, хотя я тоже склоняюсь к этому, но как-то подозрительно.

[Андрей Гончаров]

amiznikov, Думаю, принцип тот же! Не знаю, но там, наверное, тоже вебкит какой-нибудь отрабатывает.