How to convert mouse position to canvas coordinate using object-fit: contain Using object-fit: contain allow to resize a canvas to fit inside a container.