how to crop a photo on adobe xd into png code example

Example: how to crop in adobe xd

Place the picture in xd.
Draw a rectangle on the artboard. (This will maintain the cropped size of img)
Select both of them, right click, mask with shape.
Adjust the picture to your needs.