Class Media_Image_Cropper

constructor

• new Media_Image_Cropper(): Media_Image_Cropper

  Returns Media_Image_Cropper

StaticstdExp

Staticfunctionality

• functionality(toLoad: { [key: string]: unknown }, toProcess: Element): void

  This functionality provides an image-cropper (https://fengyuanchen.github.io/cropperjs/). In order for it to work also in repetitive Containers "data-cb-func" gotta be set on the first outermost container that is not repetitive itself but lies with the repetitive one.

  Config Parameter:

  • Container: The CSS-Selector of the HTMLDivElement that shall contain the Cropper-UI.
  • Target: The CSS-Selector of the HTMLImageElement that will contain the cropped image after clicking the "Updater".
  • File: The CSS-Selector of the HTMLInputElement of type = "file" where to select the image to crop.
  • Updater: The CSS-Selector specifying the HTMLButtonElement that, on click, will cause an update of the "Target".
  • ImageURL The CSS-Selector specifying the HTMLInputElement that shall receive the image data.
  • AspectRatio: The optional cropper's aspect-ratio to retain (e.g. 16 / 9 or 4 / 3 ). Setting this value will make the cropper non-resizable.
  • OutputWidth The width in pixel for canvas where the cropped area shall be reflected. If provided as a string the minimum value is 100. Defaults to 1000px.
  • CSSCropperHandle The CSS that shall be applied on each (defaults to background-color: darkorange ;).

  Parameters

  • toLoad: { [key: string]: unknown }

    Provided by the CodBi.
  • toProcess: Element

  Returns void