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

  Questa funzionalità fornisce un ritaglio di immagini (https://fengyuanchen.github.io/cropperjs/). Affinché funzioni anche in contenitori ripetitivi è necessario impostare "data-cb-func" sul primo contenitore più esterno questo non è ripetitivo in sé ma risiede in quello ripetitivo.

  Parametro di configurazione:

  • Contenitore: il selettore CSS del HTMLDivElement che conterrà l'interfaccia utente Cropper.
  • Destinazione: il selettore CSS di HTMLImageElement che conterrà l'immagine ritagliata dopo cliccando su "Aggiornamento".
  • File: Il selettore CSS del HTMLInputElement di tipo = "file" dove selezionare l'immagine da ritagliare.
  • Updater: Il CSS-Selector che specifica il HTMLButtonElement che, al clic, causerà un aggiornamento del "Target".
  • ImageURL Il selettore CSS che specifica il HTMLInputElement che riceverà i dati dell'immagine.
  • AspectRatio: le proporzioni del ritaglio opzionale da mantenere (ad esempio 16/9 o 4/3). L'impostazione di questo valore renderà il ritaglio non ridimensionabile.
  • OutputWidth La larghezza in pixel della tela in cui si rifletterà l'area ritagliata. Se fornito come stringa, il valore minimo è 100. Il valore predefinito è 1000px.
  • CSSCropperHandle Il CSS che deve essere applicato su ogni (il valore predefinito è background-color: darkorange ;).

  Parameters

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

    Provided by the CodBi.

  • toProcess: Element

  Returns void