Categories

.externalcontentUiCropslidedialog()

Categories: UI

de_epages.externalcontentUiCropslidedialog( options )

Subclass: de_epages

Inherit: (Subclass: de_epages) jQuery.Widget()

Plugin: de_epages.externalcontent.ui.cropslidedialog

Description: Create a dialog with a canvas for cropping an image.

  • de_epages.externalcontentUiCropslidedialog( options )

    version added: 6.15.1

    options   A map of additional options pass to the method.

de_epages.externalcontentUiCropslidedialog() creates a dialog with a canvas for cropping an image.
  • Create dialog with canvas for cropping an image.

    HTML:
    <div id="myCroppingDialog">Crop this!</div>
    Code:
    de_epages('#myCroppingDialog').externalcontentUiCropslidedialog({
      width: 900,
      height: 300,
      url: 'de_epages/externalcontent/ui/cropslidedialogTest_Image.png'
    });
    
    
  • width

    version added: 6.15.1

    Width of canvas.

    Default: 900

  • height

    version added: 6.15.1

    Height of canvas

    Default: 300

  • imageOptions

    version added: 6.15.1

    Hash of options to pass to fabric.Image.fromURL.

    Default: {}

  • dialogOptions

    version added: 6.15.1

    Hash of options to pass to underlying instance of ep.uiDialog.

    Default: {}

  • canvasOptions

    version added: 6.15.1

    Hash of options to pass to instance of fabric.Canvas.

    Default: {}

  • url

    version added: 6.15.1

    Path of image to be cropped.

    Default: ""

  • headerInfoText

    version added: 6.15.1

    Header text.

    Default: "