How to get resolution of an image from image and how to reduce the resolution in percentage with javascript or typescript

Asked Feb 28 '18 at 14:20

Active Feb 28 '18 at 14:24

Viewed 137 times

<img src="assets/img.jpg" id="imgElement" #imageElement width="50%" height="50%" />

How to get resolution of an image from image and how to reduce the resolution in percentage with javascript or typescript

My Actual task is to show original image in my site on mouse hover of an element, but while showing that image, because of the higher resolutions image is crossing the browser window, so I want to reduce the percentage of image.

Guys please help me on this.

edited Feb 28 '18 at 14:24

asked Feb 28 '18 at 14:20

vinod j

To reduce the resolution, render your image in a canvas with a scale of 0.5. – Derek 朕會功夫 Feb 28 '18 at 14:23
Issue got resolved by giving max-width for image . – vinod j Apr 06 '18 at 11:37

How to get resolution of an image from image and how to reduce the resolution in percentage with javascript or typescript

0 Answers0