Skip to content
On this page

CropperHandle

The CropperHandle interface provides properties and methods for manipulating the layout and presentation of <cropper-handle> elements.

Examples

Basic

TIP

The default width and height of this element is 0.

Within CropperCanvas

Within CropperSelection

Properties

Inherits properties from its parent, CropperElement, and implements the following properties:

NameTypeDefaultOptionsDescription
actionstring"none""select", "move", "scale", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "none"Indicates the action type of the handle.
plainbooleanfalse-Indicates whether this element is plain (without background).
slottablebooleanfalse-Indicates whether this element is slottable.
themeColorstring"rgba(51, 153, 255, 0.5)"-Indicates the color of the handle.

Slots

There are no available slots in this element.

You can enable the default slot by setting the slottable property to true:

html
<cropper-handle slottable></cropper-handle>

Released under the MIT License.