HTML5-based image editor

Composite image editing tool built into your ASP.NET web application

  • Add or edit images, text, artistic text and graphics
  • Manipulate objects using both JavaScript and C#
  • No Flash, pure HTML5 and mobile-friendly
  • Automatically render result as JPEG or PDF
  • Work with templates
Download Trial

Composite image designer in your web application

Graphics Mill can be used to create any image editing interface from the simplest image cropping tool to a CorelDRAW analogue built into a browser.

The image may consist of multiple layers and each of them can include the following objects:

  • Bitmaps
  • Simple text string
  • Multiline text area
  • Artistic text
  • Rectangles, lines, ellipses, etc.
  • Any SVG objects
  • Solid background

Each object may be marked as editable, resizeable, rotateable, visible/invisible, etc.

Pure HTML5

Forget the times when the only way to create a capable image editing user interface you had to use Flash. Graphics Mill's editor is user friendly, free of any plugins and works great on iOS, Android and touch-enabled Windows!

Client and Server API

All objects in the editor can be manipulated through API. Depending on what is more convenient for you, it is possible to do so through both client code (JavaScript) and server code (C# or VB.NET).

For example, this is how you can add an image object to the editor:

ASP.NET (C#)

var image = new ImageVObject(Server.MapPath("input.png"));    
image.Rectangle = new RotatedRectangleF(250.0f, 140.0f, 270.0f, 270.0f, 0.0f);    
CanvasViewer1.Canvas.Layers[0].VObjects.Add(image);

JavaScript

var image = new VO.ImageVObject("input.png");    
image.set_rectangle(new VO.Math.RotatedRectangleF(250, 140, 270, 270, 0));    
canvasViewer.get_canvas().get_layers().get_item(0).get_vObjects().add(image);

No need to get into the weeds with technical things like caching, network bandwidth optimization, etc. Just add, edit or remove layers and objects to modify the properties.

Work with templates

You can serialize (save) the editor state to an XML file (a subset of SVG) and then open it again to continue editing. This way you can pre-design images for your users.

Another way to work with templates is to use PSD files. Just create a template in Photoshop following specific conventions and import it using a sinlge line of code.

Learn more

Generate the resulting image

Graphics Mill can easily export the image edited by a user to an image file. You can specify the following parameters:

  • File format
  • Resolution
  • Color space

It is no problem to generate both JPEG preview or hi-res vector CMYK PDF. The image can have any resolution and output size.