How to view crop selection of an image?

Question

https://code.sololearn.com/W06ZDHI4xb7T/?ref=app

i have an image within a div tag and
width and height of div tag is 100% 100px respectively.
but cuz image size is too big its overflow the div tag.
and if i set the height and width to img tag then its wrap the image

where i want to crop it?

Answer 1

Add -
overflow: hidden;
in div.imgContainer

https://www.sololearn.com/learn/CSS/1117/?ref=app
Look at the lesson for info

Answer 2

Hi ajbura !
FYI -- Utkarsh did a good job of answering your exact question. If you have a different one now, you may want to rearticulate it. :)

Answer 3

use the JavaScript canvas to crop it