This demo shows how you can extend a FabricJS object, Image in this case, and extend it with new functionality. The 'Cropzoomimage' object allows users to zoom in on an image, and to move the image around within the "viewport". The demo is also equipped with keyboard shortcuts.
P.S. The tulip image is a base64-url in order to avoid cross-origin issues. I've tried hard to make it work with the new FabricJS crossOrigin setting, to no avail. You should be able to use http://webgear.nl/pics/tulips.jpg, which has a "Access-Control-Allow-Origin: *" header. Hopefully someone can fix this issue.
Log in or sign up for Devpost to join the conversation.