Auto detect aspectRatio from image dimension about material-ui-image HOT 6 CLOSED

@DmitryNakhimovich Currently you can only pass a certain aspectRatio that you have to define. There is no built in feature for auto-detecting this, yet. I used this component for quite a while now and also think this would be a good idea. We would love to have a PR on that

from material-ui-image.

How are we going to detect the aspect ratio from an image that isn't even loaded yet? 🤔 If we do that, the component size would "jump" after loading.

from material-ui-image.

@leMaik This can be achieved by turning on the 'require'. It is possible to set additional props like 'width' and 'height' by default. I'm not sure, but the capabilities of webpack may solve this problem.
Take a look at this article: https://stackoverflow.com/questions/42118296/dynamically-import-images-from-a-directory-using-webpack#_=_

from material-ui-image.

But this only works with local image not with external ones linked via url if I understand that right

from material-ui-image.

@saschb2b Unfortunately yes, you are right. This is possible only for local files( because we will not be able to find out any information about the picture without receiving it. Probably further development of this topic is not yet possible.

from material-ui-image.

@DmitryNakhimovich then I will close this for now. This magic would be super cool if we can implement it. Reopen if you think you've got an idea on how to solve this issue with local and or external images. I will also think about this more

from material-ui-image.