cropperjs

• Fix an issue where some CSS styles were incompatible with old browsers.

• Add a rounded option to the getCroppedCanvas method (#1047).

• Add backface-visibility: hidden to the cropper image to avoid ghost lines when moving (#982).
• Remove useless cropper-hide class from cropper image.
• Check whether the parent node exists or not before removing the cropper container.

As of v2.0.0-beta, Cropper.js has been refactored with custom elements, which is completely different from v2.0.0-alpha.

• Getting started: https://fengyuanchen.github.io/cropperjs/v2/guide.html
• Migration from v1 or v2.0.0-alpha: https://fengyuanchen.github.io/cropperjs/v2/migration.html

• Merge improvements from v1.

• Fix the cropper responsive when only the height was changed (#835).

• Fix TypeScript declarations compatibility (#799).

• Explicitly set the XMLHttpRequest request to be asynchronous (#682).
• Improve TypeScript declarations (#791).

• Fix the issue of fail to zoom out on touch device (#726).
• Add TypeScript declarations for the events.

• Fix the issue when the value of the minContainerWidth/Height options is 0 (#683).
• Reset the initial canvas size when the minCanvasWidth/Height options is set (#725).
• Store the initial image data in the right place for avoiding side-effect.

• Improve container resizing (#636).
• Improve touch device detection (#614).

• Merge improvements from v1.

• Improve event type determining for iOS 13+ (#571).

• Clone the image's crossOrigin attribute always even though the checkCrossOrigin is set to false (#535).
• Improve browser environment detecting (#554).

• Avoid removing the events of the original image.
• Avoid requesting any Data URLs by XMLHttpRequest for better performance (#526).
• Add an alt attribute to all internal images for better accessibility (#548).
• Transform enums to types from the definition files for TypeScript (#550).

• Compute the size of the image for all browsers that use WebKit as the layout engine in iOS devices, such as Safari and in-app browsers (#544).

• Alway add a timestamp to the URL of a cross-origin image (#519).

• Revert the minimum container width from 300 to 200.
• Revert the minimum container height from 150 to 100.

Breaking changes

• Integrate the canvas and the crop box for better user experience.
• Change the properties of the zoom event:
  • event.detail.ratio => event.detail.scale
  • event.detail.oldRatio => event.detail.oldScale

Features

• Support to create crop box by dragging from left to right, right to left, top to bottom and bottom to top.
• Add 4 new options: maxCanvasWidth, maxCanvasHeight, maxCropBoxWidth and maxCropBoxHeight.
• Add 2 new properties to the getCropBoxData method: naturalWidth and naturalHeight.

• Add passive: false and capture: true to wheel event for better performance.
• Improve touch event binding.
• Ignore the pointer events are not triggered by the primary button.
• Fix typed array spreading error in IE or Safari 9.
• Fix the RegExp for the Safari browser detecting to ignore Chrome (#478).