Croppie - a simple javascript image cropper - Foliotek.

How do I use Croppie in Javascript?

$(function() { var basic = $('#demo-basic'). croppie({ viewport: { width: 150, height: 200 } }); basic. croppie('bind', { url: ' points: [77, 469, 280, 739] }); }); So your div needs to have some width and height , otherwise it will render too small to see the viewport.

What is Jcrop?

Jcrop Image Cropping Plugin

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.