HTMLPLUS
Version 1.7.4
Github

    Cropper

    See below to learn more about properties, slots, events, style variables, CSS parts, and methods.

    There is no difference between the APIs of the elements, And the only difference is in the names of the events

    Properties

    Name
    area
    Type
    number
    Default
    0.75
    Attribute
    area
    Reflect
    false
    Description
    Name
    aspectRatio
    Type
    Default
    undefined
    Attribute
    aspect-ratio
    Reflect
    false
    Description
    Name
    background
    Type
    boolean
    Default
    undefined
    Attribute
    background
    Reflect
    false
    Description
    Name
    disabled
    Type
    boolean
    Default
    undefined
    Attribute
    disabled
    Reflect
    true
    Description
    Name
    guides
    Type
    boolean
    Default
    undefined
    Attribute
    guides
    Reflect
    false
    Description
    Name
    indicator
    Type
    boolean
    Default
    undefined
    Attribute
    indicator
    Reflect
    false
    Description
    Name
    mode
    Type
    Default
    'move'
    Attribute
    mode
    Reflect
    false
    Description
    Name
    resizer
    Type
    Default
    'both'
    Attribute
    resizer
    Reflect
    false
    Description
    Name
    resizerShape
    Type
    Default
    'square'
    Attribute
    resizer-shape
    Reflect
    false
    Description
    Name
    responsive
    Type
    Default
    'reset'
    Attribute
    responsive
    Reflect
    false
    Description
    Name
    shape
    Type
    Default
    'rectangle'
    Attribute
    shape
    Reflect
    false
    Description
    Name
    src
    Type
    string
    Default
    undefined
    Attribute
    src
    Reflect
    false
    Description
    Name
    transparent
    Type
    boolean
    Default
    undefined
    Attribute
    transparent
    Reflect
    false
    Description
    Name
    value
    Type
    Default
    undefined
    Attribute
    value
    Reflect
    false
    Description
    Name
    variant
    Type
    Default
    undefined
    Attribute
    variant
    Reflect
    true
    Description
    Name
    view
    Type
    Default
    'cover'
    Attribute
    view
    Reflect
    false
    Description
    Name
    zoomable
    Type
    Default
    Attribute
    zoomable
    Reflect
    false
    Description
    Name
    zoomRatio
    Type
    number
    Default
    0.1
    Attribute
    zoom-ratio
    Reflect
    false
    Description
    Name
    overrides
    Type
    Default
    undefined
    Attribute
    overrides
    Reflect
    false
    Description

    Slots

    There are no Slots.

    Events

    Name
    plus-crop
    Type
    Cancelable
    false
    Description
    Name
    plus-crop-end
    Type
    Cancelable
    false
    Description
    Name
    plus-crop-move
    Type
    Cancelable
    false
    Description
    Name
    plus-crop-start
    Type
    Cancelable
    false
    Description
    Name
    plus-ready
    Type
    EventEmitter<void>
    Cancelable
    false
    Description
    Name
    plus-zoom
    Type
    Cancelable
    true
    Description

    CSS Variables

    Name
    --plus-cropper-backdrop-color
    Default
    #{$cropper-backdrop-color}
    Description
    Name
    --plus-cropper-backdrop-opacity
    Default
    #{$cropper-backdrop-opacity}
    Description
    Name
    --plus-cropper-guides-color
    Default
    #{$cropper-guides-color}
    Description
    Name
    --plus-cropper-guides-opacity
    Default
    #{$cropper-guides-opacity}
    Description
    Name
    --plus-cropper-guides-style
    Default
    #{$cropper-guides-style}
    Description
    Name
    --plus-cropper-guides-weight
    Default
    #{$cropper-guides-weight}
    Description
    Name
    --plus-cropper-indicator-color
    Default
    #{$cropper-indicator-color}
    Description
    Name
    --plus-cropper-indicator-opacity
    Default
    #{$cropper-indicator-opacity}
    Description
    Name
    --plus-cropper-indicator-size
    Default
    #{$cropper-indicator-size}
    Description
    Name
    --plus-cropper-indicator-weight
    Default
    #{$cropper-indicator-weight}
    Description
    Name
    --plus-cropper-resizer-color
    Default
    #{$cropper-resizer-color}
    Description
    Name
    --plus-cropper-resizer-offset
    Default
    #{$cropper-resizer-offset}
    Description
    Name
    --plus-cropper-resizer-opacity
    Default
    #{$cropper-resizer-opacity}
    Description
    Name
    --plus-cropper-resizer-size
    Default
    #{$cropper-resizer-size}
    Description
    Name
    --plus-cropper-resizer-weight
    Default
    #{$cropper-resizer-weight}
    Description
    Name
    --plus-cropper-viewport-color
    Default
    #{$cropper-viewport-color}
    Description
    Name
    --plus-cropper-viewport-opacity
    Default
    #{$cropper-viewport-opacity}
    Description
    Name
    --plus-cropper-viewport-style
    Default
    #{$cropper-viewport-style}
    Description
    Name
    --plus-cropper-viewport-weight
    Default
    #{$cropper-viewport-weight}
    Description

    CSS Parts

    There are no CSS Parts.

    Methods

    Name
    flipX
    Type
    void
    Signature
    flipX() => void
    Description
    Name
    flipY
    Type
    void
    Signature
    flipY() => void
    Description
    Name
    move
    Type
    void
    Signature
    move(offsetX?: number, offsetY?: number) => void
    Description
    Name
    moveTo
    Type
    void
    Signature
    moveTo(x?: number, y?: number) => void
    Description
    Name
    reset
    Type
    void
    Signature
    reset() => void
    Description
    Name
    rotate
    Type
    void
    Signature
    rotate(degree: number) => void
    Description
    Name
    rotateTo
    Type
    void
    Signature
    rotateTo(degree: number) => void
    Description
    Name
    toCanvas
    Type
    HTMLCanvasElement
    Signature
    toCanvas() => HTMLCanvasElement
    Description
    Name
    zoom
    Type
    void
    Signature
    zoom(ratio: number) => void
    Description
    Name
    zoomTo
    Type
    void
    Signature
    zoomTo(ratio: number) => void
    Description