Greetings fellow coders!

Im working on a project which requires me to show a lot of cropped images onto a canvas element. Right now im starting off by putting the entire image in an image object, and im just defining an area of the image i wish to display. however. i dont know if it has any effects on performance, but i'd like to find out. so my question here is, is it possible to crop an image, and put the cropped image into a different image object? and if so, how?