import Cropit from 'cropit/src/cropit.js'

public class | source

Cropit

Constructor Summary

Public Constructor
public	constructor(jQuery: , element: , options: *)

Member Summary

Public Members
public	$bg: *
public	$bgContainer: *
public	$el: *
public	$fileInput: *
public	$image: *
public	$imageContainer: *
public	$preview: *
public	$zoomSlider: *
public	bgBorderWidthArray: *
public get	exportZoom: *
public set	exportZoom: *
public	image: *
public get	imageHeight: *
public	imageLoaded: boolean
public get	imageSize: *
public get	imageSrc: *
public set	imageSrc: *
public get	imageState: *
public get	imageWidth: *
public set	initialZoom: *
public get	initialZoom: *
public set	maxZoom: *
public get	maxZoom: *
public get	minZoom: *
public set	minZoom: *
public	moveContinue: boolean
public set	offset: *
public get	offset: *
public	options: *
public	origin: *
public	preImage: *
public set	previewSize: *
public get	previewSize: *
public get	rotatedOffset: *
public get	rotation: *
public set	rotation: *
public get	zoom: *
public set	zoom: *
public	zoomSliderPos: *
public	zoomer: *

Method Summary

Public Methods
public	$(selector: ):
public	bindListeners()
public	centerImage()
public	disable()
public	disableZoomSlider()
public	enableZoomSlider()
public	fixOffset(offset: ):
public	fixZoom(zoom: ):
public	getCroppedImageData(exportOptions: ):
public	getEventPosition(e: ):
public	init()
public	isZoomable(): *
public	loadFile(file: *)
public	loadImage(imageSrc: *)
public	onDragOver(e: *)
public	onDrop(e: *)
public	onFileChange(e: *)
public	onFileReaderError()
public	onFileReaderLoaded(e: *)
public	onImageError()
public	onImageLoaded()
public	onMove(e: *): boolean
public	onPreImageLoaded()
public	onPreviewEvent(e: *): boolean
public	onZoomSliderChange()
public	reenable()
public	removeImageLoadingClass()
public	renderImage()
public	rotateCCW()
public	rotateCW()
public	setImageLoadedClass()
public	setImageLoadingClass()
public	setupZoomer(zoom: *)
public	shouldRejectImage(objectPattern: {"imageWidth": , "imageHeight": , "previewSize": , "maxZoom": , "exportZoom": , "smallImage": }): *
public	unbindListeners()

Public Constructors

public constructor(jQuery: , element: , options: *) source

Params:

Name	Type	Attribute	Description
jQuery	*
element	*
options	*

Public Members

public $bg: * source

public $bgContainer: * source

public $el: * source

public $fileInput: * source

public $image: * source

public $imageContainer: * source

public $preview: * source

public $zoomSlider: * source

public bgBorderWidthArray: * source

public get exportZoom: * source

public set exportZoom: * source

public image: * source

public get imageHeight: * source

public imageLoaded: boolean source

public get imageSize: * source

public get imageSrc: * source

public set imageSrc: * source

public get imageState: * source

public get imageWidth: * source

public set initialZoom: * source

public get initialZoom: * source

public set maxZoom: * source

public get maxZoom: * source

public get minZoom: * source

public set minZoom: * source

public moveContinue: boolean source

public set offset: * source

public get offset: * source

public options: * source

public origin: * source

public preImage: * source

public set previewSize: * source

public get previewSize: * source

public get rotatedOffset: * source

public get rotation: * source

public set rotation: * source

public get zoom: * source

public set zoom: * source

public zoomSliderPos: * source

public zoomer: * source

Public Methods

public $(selector: ): source

Params:

Name	Type	Attribute	Description
selector	*

Return:

public bindListeners() source

public centerImage() source

public disable() source

public disableZoomSlider() source

public enableZoomSlider() source

public fixOffset(offset: ): source

Params:

Name	Type	Attribute	Description
offset	*

Return:

public fixZoom(zoom: ): source

Params:

Name	Type	Attribute	Description
zoom	*

Return:

public getCroppedImageData(exportOptions: ): source

Params:

Name	Type	Attribute	Description
exportOptions	*

Return:

public getEventPosition(e: ): source

Params:

Name	Type	Attribute	Description
e	*

Return:

public init() source

public isZoomable(): * source

Return:

public loadFile(file: *) source

Params:

Name	Type	Attribute	Description
file	*

public loadImage(imageSrc: *) source

Params:

Name	Type	Attribute	Description
imageSrc	*

public onDragOver(e: *) source

Params:

Name	Type	Attribute	Description
e	*

public onDrop(e: *) source

Params:

Name	Type	Attribute	Description
e	*

public onFileChange(e: *) source

Params:

Name	Type	Attribute	Description
e	*

public onFileReaderError() source

public onFileReaderLoaded(e: *) source

Params:

Name	Type	Attribute	Description
e	*

public onImageError() source

public onImageLoaded() source

public onMove(e: *): boolean source

Params:

Name	Type	Attribute	Description
e	*

Return:

boolean

public onPreImageLoaded() source

public onPreviewEvent(e: *): boolean source

Params:

Name	Type	Attribute	Description
e	*

Return:

boolean

public onZoomSliderChange() source

public reenable() source

public removeImageLoadingClass() source

public renderImage() source

public rotateCCW() source

public rotateCW() source

public setImageLoadedClass() source

public setImageLoadingClass() source

public setupZoomer(zoom: *) source

Params:

Name	Type	Attribute	Description
zoom	*

public shouldRejectImage(objectPattern: {"imageWidth": , "imageHeight": , "previewSize": , "maxZoom": , "exportZoom": , "smallImage": }): * source

Params:

Name	Type	Attribute	Description
objectPattern	{"imageWidth": , "imageHeight": , "previewSize": , "maxZoom": , "exportZoom": , "smallImage": }	default: {"imageWidth":null,"imageHeight":null,"previewSize":null,"maxZoom":null,"exportZoom":null,"smallImage":null}

Return:

public unbindListeners() source

Cropit

Constructor Summary

Member Summary

Method Summary

Public Constructors

public constructor(jQuery: *, element: *, options: *) source

Params:

Public Members

public $bg: * source

public $bgContainer: * source

public $el: * source

public $fileInput: * source

public $image: * source

public $imageContainer: * source

public $preview: * source

public $zoomSlider: * source

public bgBorderWidthArray: * source

public get exportZoom: * source

public set exportZoom: * source

public image: * source

public get imageHeight: * source

public imageLoaded: boolean source

public get imageSize: * source

public get imageSrc: * source

public set imageSrc: * source

public get imageState: * source

public get imageWidth: * source

public set initialZoom: * source

public get initialZoom: * source

public set maxZoom: * source

public get maxZoom: * source

public get minZoom: * source

public set minZoom: * source

public moveContinue: boolean source

public set offset: * source

public get offset: * source

public options: * source

public origin: * source

public preImage: * source

public set previewSize: * source

public get previewSize: * source

public get rotatedOffset: * source

public get rotation: * source

public set rotation: * source

public get zoom: * source

public set zoom: * source

public zoomSliderPos: * source

public zoomer: * source

Public Methods

public $(selector: *): * source

Params:

Return:

public bindListeners() source

public centerImage() source

public disable() source

public disableZoomSlider() source

public enableZoomSlider() source

public fixOffset(offset: *): * source

Params:

Return:

public fixZoom(zoom: *): * source

Params:

Return:

public getCroppedImageData(exportOptions: *): * source

Params:

Return:

public getEventPosition(e: *): * source

Params:

Return:

public init() source

public isZoomable(): * source

Return:

public loadFile(file: *) source

Params:

public loadImage(imageSrc: *) source

Params:

public onDragOver(e: *) source

Params:

public onDrop(e: *) source

Params:

public constructor(jQuery: , element: , options: *) source

public $(selector: ): source

public fixOffset(offset: ): source

public fixZoom(zoom: ): source

public getCroppedImageData(exportOptions: ): source

public getEventPosition(e: ): source

public shouldRejectImage(objectPattern: {"imageWidth": , "imageHeight": , "previewSize": , "maxZoom": , "exportZoom": , "smallImage": }): * source