Drawing with Dojox GFX

Dojo Toolkit and DojoX GFX

Ajax has almost become the standard configuration for every network application in a Web2.0 era where almost all pages require a friendly and rich user experience. But Ajax application is not an easy thing, he brings many previous WEB applications do not have the management and challenges, mainly include:

A large amount of code requires the introduction of more efficient code organization, such as an object-oriented approach

The incompatibility between browsers limits the efficiency of development, directly resulting in an inverse ratio of the number of hair and the number of browsers in the programmer.

Increasingly rich feature bands require more powerful class library support

So, choosing a good JavaScript framework as a starting point for web development is an important thing. Now there are a lot of similar JavaScript frameworks that can help you reduce stress. For a comparison of the main JavaScript frameworks, John Resig has written a good overview of the JavaScript framework, and it can be seen that dojo is an excellent one. Dojo is an Open-source JavaScript toolkit that began in 2004. is one of the projects sponsored by Dojo Foundation and has been supported by many enterprises.

Dojo has been upgraded several times, and the current (writing) latest version is 1.3.2, and the code's basic organizational structure is as follows:

Figure 1.Dojo Basic Organizational structure

Among them, Dojo base and Core are the foundation of the entire framework. Dijit is a handy set of dojo developed by Widget,dojox refers to the Dojo EXtensions, which includes both mature and stable extensions, as well as new ideas for incubators and some new features of the test platform. Unlike Dijit, components in DojoX do not guarantee internationalization and good accessibility.

GFX is a cross-platform graphics generation package, with the underlying model broadly referencing SVG, while the presentation layer supports both SVG and VML. GFX can help users generate vector maps based on Web pages, enabling dynamic generation and interaction with users. Graphics that can be supported include rectangles (Rectangle), arcs (Circle), ellipses (Ellipse), polygons (polygon), lines (line), Paths (polygon), pictures (image), text, Text Path (Textpath).

If you download the Dojo source code, you can find all the demo and test files in it, you can find that using GFX can create very beautiful graphics and interactive effects. Like this tiger head:

Figure 2.Dojo GFX Sample

Users can then download the relevant source code from the Dojo website to view the demo and test files inside.