The canvas tag, as part of the HTML5 specification, gives you an easy and powerful
way to draw and manipulate graphics using JavaScript. You will be very impressed
of the productivity and capabilities of the canvas tag in modern browsers as well
as of the ability to edit the image without the unnecessary going back and forth
to the server.
You could control the mode of the ImageEditor through its CanvasMode property (with a value set to "Yes" or "No"). By default the CanvasMode is "Automatic", where the ImageEditor control tries to use the CanvasMode. However if the browser does not support it, then it falls back to ImageMode automatically.
All the functionality of the ImageEditor is now implemented through <canvas>
as a rendering engine. This improves significantly the functionality of the control as before
all the operations were managed through the server and now they are handled on the
client. Thanks to the canvas functionality now the ImageEditor has the following
filters: Invert Color, Brightness and Contrast, Blur, Sharpen,
Sepia and Greyscale. Also it provides a Drawing
functionality.
Note, that the canvas Filters and Drawing tools are not among the tools loaded by
default in the ImageEditor. In order to use them you will need to define an ImageEditorTool
with a CommandName set to "InvertColor", "BrightnessContrast",
"Sepia", "Greyscale", "Pencil",
"Line", "DrawCircle" or "DrawRectangle".
Since Q3 2014 RadImageEditor provides two more filters: "Blur" and "Sharpen".