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.