Use this function to initialize the module with url to image and a crop size.

TEA View

TEA update function

TEA subscriptions needs to be hooked up for mouse dragging

State of the cropper

Messages

Helper type intended for wrapping data from javascript via port Example: port cropperWithImage : (ImageData -> msg) -> Sub msg

Helper type intended for wrapping data sent to javascript via port Example: port cropperData : CropData -> Cmd msg

Get all data required (by CanvasRenderingContext2D.drawImage) to crop the image

Get image size

Get starting point of crop area over imageSize

Set zoom (clamped to 0.0...1.0)

Set horizontal pivot (clamped to 0.0...1.0)

Set vertical pivot (clamped to 0.0...1.0)

Set crop size. Will be limited to image size.