Getting Started with Web Chart (5) 1. General introduction of actual combat draw2d

What is draw2d?

The first thing to be clear is what is the draw2d here?

draw2d this keyword search in search engines will find two things

One is a set of tools that integrate with SWT in Eclipse, which can also be used alone. That is, Java development of a graphical drawing of the application, can be used to draw UML and so on.

The other is the draw2d touch, which uses JavaScript and HTML Canvas to develop a JS framework that can be used on the web side.

Here is the second, web-side use. Specifically, what draw2d is, directly to the official definition:

Draw2d Touch is a pure JavaScript application framework that is compatible with almost all current popular browsers from IE6 to the latest version of Chrome.

You can use it to create Cross-platform graphics applications on the browser side.

The above is the official definition, from a technical point of view simply summed up:

A JavaScript framework for web-side graphics that are implemented using jquery and Raphael. Graphics at the bottom of the technology or vml,svg,html Canvas.

How do I get draw2d?

Official address: http://www.draw2d.org

Use examples and the API lookup can be: http://draw2d.org/draw2d_touch/jsdoc/#!/example

It is a pity that this is a charge of the project, the official website does not provide a download address.

The purchase price is € 499, and it takes 4 euros to download the trial version.

What are the advantages and disadvantages of draw2d?

The pros and cons of this is just a comparison with the same kind of framework, such as browser-compatible features are not long discussion.

Advantages (i.e. some features):

1. Provide all the basic graphics.

Rectangles, diamonds, triangles, circles, ellipses, lines, curves, arrow lines, etc.

2. The operation of the graphics is easy

Provides a click on a graphic, double-click, select, drag function

Provides the ability to connect to two graphics

3 Provide the basic graphics

Pie chart, Trend chart (Sparkline)

4. Provides the restoration of graphics operation action, undo function.

Advantages (i.e. no features):

1. Right-click menu of Graphics

2. The layout of the graphic on the page. (its own provided layout for a complex graphic combination of layout)