HTML5 Canvas Image cropper in plain javascript: fixed approach

This is a client side only image cropper, built out of HTML5 or HTML5 Canvas. Code is object oriented and bulit purely in Javascript without use of any library. cropping can be done in fixed manner by moving the image. This is very usefull, if we have a fixed size of image to dispaly, like in report, invoice or user comment section.

[mnatsakanabgaryan]

How to limit image movement in crop box?

[rupendraneupane]

Uncaught TypeError: Cannot read property 'getContext' of null, got this error. i copied all code but got above error.

[nihshreyas]

It works in firefox but not on chrome. Help me here.

[awaisarif]

this.image.src = ' How to get the image if someone upload live preview
';