.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()
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: "