Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

...

Section
Column
width50%

The fluid Cropper UI provides an easy to use component to plug in cropping features to a canvas element in web page. The component can be used even when someone wants just to select some portion from the image without actually cropping it. It uses the HTML5 canvas element to achieve cropping and therefore requires a browser that supports HTML5. Thus it will be delivered to modern, standards-compliant browsers, including:

  • Firefox 3.6 and higher
  • Safari 4 and higher
  • Google Chrome

Anchor
Creating a Cropper UI
Creating a Cropper UI
Creating a Cropper UI

To instantiate a new Cropper UI on your page:

Code Block
langjavascript
var myCropper = fluid.CropperUI(container, options);

Returns: A Cropper UI component object.

Anchor
Parameters
Parameters
Parameters

Anchor
container
container
container

The container is a CSS-based selector, single-element jQuery object, or DOM element that identifies the root DOM node of the Cropper UI markup.

Anchor
options
options
options

The options object is an optional data structure that configures the Cropper UI, as described in the Options section below.


Column
solid
Panel
borderStyle
borderColor#566b30
bgColor#fff
titleBGColor#D3E3C4
borderStylesolid
titleOn This Page
Table of Contents
toc
maxLevel
5
minLevel2
maxLevel5
Panel
borderColor#321137
bgColor#fff
titleBGColor#c1b7c3
borderStylesolid
titleSee Also
borderStylesolid
Panel
borderColor#321137
bgColor#fff
titleBGColor#cccccc
borderStylesolid
titleStill need help?
borderStylesolid

Join the infusion-users mailing list and ask your questions there.

...