HTMLPLUS
Version 1.6.1
Github

    HTMLPLUS
    Version 1.6.1
    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
      Default
      0.75
      Attribute
      area
      Reflect
      false
      Description      Name
      aspectRatio
      TypeDefault
      undefined
      Default
      undefined
      Attribute
      aspect-ratio
      Reflect
      false
      Description      Name
      background
      Type
      boolean
      Default
      undefined
      Default
      undefined
      Attribute
      background
      Reflect
      false
      Description      Name
      disabled
      Type
      boolean
      Default
      undefined
      Default
      undefined
      Attribute
      disabled
      Reflect
      true
      Description      Name
      guides
      Type
      boolean
      Default
      undefined
      Default
      undefined
      Attribute
      guides
      Reflect
      false
      Description      Name
      indicator
      Type
      boolean
      Default
      undefined
      Default
      undefined
      Attribute
      indicator
      Reflect
      false
      Description      Name
      mode
      TypeDefault
      'move'
      Default
      'move'
      Attribute
      mode
      Reflect
      false
      Description      Name
      resizer
      TypeDefault
      'both'
      Default
      'both'
      Attribute
      resizer
      Reflect
      false
      Description      Name
      resizerShape
      TypeDefault
      'square'
      Default
      'square'
      Attribute
      resizer-shape
      Reflect
      false
      Description      Name
      responsive
      TypeDefault
      'reset'
      Default
      'reset'
      Attribute
      responsive
      Reflect
      false
      Description      Name
      shape
      TypeDefault
      'rectangle'
      Default
      'rectangle'
      Attribute
      shape
      Reflect
      false
      Description      Name
      src
      Type
      string
      Default
      undefined
      Default
      undefined
      Attribute
      src
      Reflect
      false
      Description      Name
      transparent
      Type
      boolean
      Default
      undefined
      Default
      undefined
      Attribute
      transparent
      Reflect
      false
      Description      Name
      value
      TypeDefault
      undefined
      Default
      undefined
      Attribute
      value
      Reflect
      false
      Description      Name
      view
      TypeDefault
      'cover'
      Default
      'cover'
      Attribute
      view
      Reflect
      false
      Description      Name
      zoomable
      TypeDefault
      Default
      Attribute
      zoomable
      Reflect
      false
      Description      Name
      zoomRatio
      Type
      number
      Default
      0.1
      Default
      0.1
      Attribute
      zoom-ratio
      Reflect
      false
      Description

      Slots

      There are no Slots.

      Events

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

      CSS Variables

      Name
      --plus-cropper-backdrop-color
      Default
      black
      Default
      black
      Description      Name
      --plus-cropper-backdrop-opacity
      Default
      0.5
      Default
      0.5
      Description      Name
      --plus-cropper-guides-color
      Default
      white
      Default
      white
      Description      Name
      --plus-cropper-guides-opacity
      Default
      0.5
      Default
      0.5
      Description      Name
      --plus-cropper-guides-style
      Default
      dashed
      Default
      dashed
      Description      Name
      --plus-cropper-guides-weight
      Default
      1px
      Default
      1px
      Description      Name
      --plus-cropper-indicator-color
      Default
      white
      Default
      white
      Description      Name
      --plus-cropper-indicator-opacity
      Default
      1
      Default
      1
      Description      Name
      --plus-cropper-indicator-size
      Default
      10px
      Default
      10px
      Description      Name
      --plus-cropper-indicator-weight
      Default
      2px
      Default
      2px
      Description      Name
      --plus-cropper-resizer-color
      Default
      white
      Default
      white
      Description      Name
      --plus-cropper-resizer-offset
      Default
      0px
      Default
      0px
      Description      Name
      --plus-cropper-resizer-opacity
      Default
      1
      Default
      1
      Description      Name
      --plus-cropper-resizer-size
      Default
      5px
      Default
      5px
      Description      Name
      --plus-cropper-resizer-weight
      Default
      1px
      Default
      1px
      Description      Name
      --plus-cropper-viewport-color
      Default
      white
      Default
      white
      Description      Name
      --plus-cropper-viewport-opacity
      Default
      1
      Default
      1
      Description      Name
      --plus-cropper-viewport-style
      Default
      solid
      Default
      solid
      Description      Name
      --plus-cropper-viewport-weight
      Default
      1px
      Default
      1px
      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