Page Comparison

Anchor
ImageEditorAPI-ImageEditorOverview ImageEditorAPI-ImageEditorOverview

Image Editor Overview

The fluid image editor provides an easy way to perform basic image editing operations like crop, resize and tag in the web page. It uses the HTML5 canvas element to achieve image editing 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
ImageEditorAPI-CreatingAnImageEditor ImageEditorAPI-CreatingAnImageEditor

Creating an Image Editor

To instantiate a new Image Editor on your page:

var imageEditor = fluid.imageEditor(container, options);

Returns: A Image Editor component object.

Anchor
ImageEditorAPI-Paramters ImageEditorAPI-Paramters

Parameters

Anchor
ImageEditorAPI-container ImageEditorAPI-container

container

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

Anchor
ImageEditorAPI-Options ImageEditorAPI-Options

options

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