Vue Advanced Cropper Versions Save

General

It's the most largest release recently. It changes internals dramatically and introduces the new concept: visible area. It's the abstraction that used to give the developer possibility to work with zoom and image translation in a flexible, determined, simple manner. With this abstraction library gives the possibility to programmatically zoom and translate image.

By and large this release is the big step toward to make the cropper understandable inside, to allow the developer customize its internal behavior. There is still a lot of work to do, but the initial step has taken.

New methods

This release add the following methods:

• zoom(factor, center)
• move(left, top)
• refresh

New props

This release add the following ready to use props:

• initStretcher
• defaultVisibleArea
• defaultBoundaries
• sizeRestrictionsAlgorithm

Deprecated

This release deprecated almost all classnames props in favor of class, for example handlersClassnames replaced by handlerClasses or previewClassname is replaced by previewClass.

The restrictions prop is deprecated in favor of sizeRestrictionsAlgorithm. It's much longer than current prop, but semantically it's much correctly.

Add the rounding of the result

Add the rounding of the result coordinates by default.

Fix the stencil bug

Prevent the incorrect displaying of the stencil of direction is rtl.

Fix the stencil bug

Prevent showing of the mouse cursor upon the stencil if image is not loaded

Optimize the build

Remove the redundant parts of the production builds

Add the posibility to leave the image boundaries by stencil

It implements the feature described in this issue

Change the processing the minimum width and height restrictions

Now there is no default values for props minHeight, minWidth, maxHeight, maxWidth. If they is not set setting default values depends at imageRestriction prop.

Add emitting 'ready' event on image loading

Now ready event is fired on an image loading

Add adaptation of the stencil to changes of props

It affects changes of the props minWidth, minHeight, maxWidth, maxHeight and stencilProps (only its fields aspectRatio, maxAspectRatio and minAspectRatio).

Add the possibility to resize and move background image

In this version appears the possibility to resize background image by pinch gesture and mouse wheel and move by the touch and mouse dragging.

Add the possibility to prevent resizing and moving the default stencils

It affects RectangleStencil and CircleStencil and sets by scalable and movable props.

Fix the reset image bug

Prevent the resizing of the cropper by the stretcher to the previous image size, when src prop is set to null.

Add the delay of setCoordinates call

The cropper now remember the last transforms that you apply after an image was changed and before one will be loaded and apply them right after an image finally have been loaded (without flickering due the flexible approach).