Introduction to Ajax Vector Objects API


You can refer to the web-to-print solution based on AJAX Vector Objects, Customer's Canvas. You can consider it as a ready-to-use editor that you may want to embed into your website or as an example demonstrating how AJAX Vector Objects can be used for your needs.

AJAX Vector Objects is designed to provide online graphics editing capabilities for various types of solutions. It consists of two main elements - CanvasViewer and Canvas. CanvasViewer is the ASP.NET control that encapsulates Canvas, which in turn is responsible for drawing and editing graphics on the client side. In terms of the MVC model, CanvasViewer is the view, whereas Canvas is the controller and model. To learn how to add the CanvasViewer control to a web page and work with Canvas as a graphics document, read the Canvas and CanvasViewer Control topic. You can also read the Configuring CanvasViewer Control topic that discusses how to configure the appearance of visible elements in CanvasViewer.

All graphics created on Canvas can be optimized for the needs of printing solutions. The major point in that case is handling all the graphics on Canvas in a coordinate system independent of image resolution. To understand how the coordinate system works, how it is related to displaying graphics in the web browser, and how to specify image resolution for generated print-ready outputs, go to the Canvas and CanvasViewer Control article.

Canvas content is constructed with layers and objects. Objects are visible graphic primitives of three types: raster, vector, and text. Layers are invisible containers for objects that help create complex designs. Let us assume that we are creating an application for producing T-shirt designs. Most likely, a user will need to see the T-shirt picture while working on the design, but the rendered output should contain the design only. With AJAX Vector Objects, you can perform this task with ease, since you can locate the design and T-shirt picture on different layers and then hide the latter before rendering. To learn more about working with objects and layers on Canvas, read the Layers and Objects topic.

To learn how to create, configure and handle image, vector, and text objects on Canvas, read the Working with Objects article.

Rendering a design to print-ready output is one of the most important features, along with saving and restoring it for further editing. To consider these features in detail, read the Saving and Rendering Canvas topic.