Skip to content

CropperCrosshair ​

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

Examples ​

Basic ​

Custom Color ​

Within CropperCanvas ​

Within CropperSelection ​

Properties ​

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

NameTypeDefaultOptionsDescription
centeredbooleanfalse-Indicates whether this element is centered.
slottablebooleanfalse-Indicates whether this element is slottable.
themeColorstring"rgba(238, 238, 238, 0.5)"-Indicates the color of the crosshair.

Slots ​

There are no available slots in this element.

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

html
<cropper-crosshair slottable></cropper-crosshair>

Released under the MIT License.