Can you use nextjs image component with canvas

I am creating an image scroll component like the Apple Airpods Pro website. For this, I am using up to 750 for each iteration of this component. I need to draw the images onto a canvas, currently, I am using the standard JS - new Image() function to generate an HTML Image component to draw onto the canvas. I would like to incorporate the next/image caching functionality to ensure it runs as fast as possible. Is this achievable?