<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Test Cropper's options</title> <link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-2.1.1.css"> <link rel="stylesheet" href="../dist/cropper.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <div id="qunit"></div> <div id="qunit-fixture"></div> <script src="https://code.jquery.com/qunit/qunit-2.1.1.js"></script> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script src="../dist/cropper.js"></script> <script src="js/main.js"></script> <!-- Options --> <script src="options/viewMode.js"></script> <script src="options/dragMode.js"></script> <script src="options/aspectRatio.js"></script> <script src="options/data.js"></script> <script src="options/checkOrientation.js"></script> <script src="options/modal.js"></script> <script src="options/guides.js"></script> <script src="options/center.js"></script> <script src="options/highlight.js"></script> <script src="options/background.js"></script> <script src="options/autoCrop.js"></script> <script src="options/movable.js"></script> <script src="options/rotatable.js"></script> <script src="options/scalable.js"></script> <script src="options/zoomable.js"></script> <script src="options/zoomOnTouch.js"></script> <script src="options/zoomOnWheel.js"></script> <script src="options/cropBoxMovable.js"></script> <script src="options/cropBoxResizable.js"></script> <script src="options/toggleDragModeOnDblclick.js"></script> <script src="options/minCanvasWidth.js"></script> <script src="options/minCanvasHeight.js"></script> <script src="options/minCropBoxWidth.js"></script> <script src="options/minCropBoxHeight.js"></script> <script src="options/minContainerWidth.js"></script> <script src="options/minContainerHeight.js"></script> <!-- Methods --> <script src="methods/crop.js"></script> <script src="methods/reset.js"></script> <script src="methods/clear.js"></script> <script src="methods/replace.js"></script> <script src="methods/enable.js"></script> <script src="methods/disable.js"></script> <script src="methods/destroy.js"></script> <script src="methods/move.js"></script> <script src="methods/moveTo.js"></script> <script src="methods/zoom.js"></script> <script src="methods/zoomTo.js"></script> <script src="methods/rotate.js"></script> <script src="methods/rotateTo.js"></script> <script src="methods/scale.js"></script> <script src="methods/scaleX.js"></script> <script src="methods/scaleY.js"></script> <script src="methods/getData.js"></script> <script src="methods/setData.js"></script> <script src="methods/getContainerData.js"></script> <script src="methods/getImageData.js"></script> <script src="methods/getCanvasData.js"></script> <script src="methods/setCanvasData.js"></script> <script src="methods/getCropBoxData.js"></script> <script src="methods/setCropBoxData.js"></script> <script src="methods/getCroppedCanvas.js"></script> <script src="methods/setAspectRatio.js"></script> <script src="methods/setDragMode.js"></script> <!-- Events --> <script src="events/ready.js"></script> <script src="events/cropstart.js"></script> <script src="events/cropmove.js"></script> <script src="events/cropend.js"></script> <script src="events/crop.js"></script> <script src="events/zoom.js"></script> </body> </html>