GWT Graphics

The goal of the GWT Graphics library is to provide a consistent cross-browser vector graphics library for Google Web Toolkit. GWT Graphics uses SVG and VML for creating graphics.

Supported browsers

The library has been tested to work with the following browsers:

• Internet Explorer 6 and newer (6,7 and 8 use VML rendering, 9 uses SVG)
• Firefox 3.0 and newer
• Safari 3.2 and newer
• Opera 9.6 and newer
• Google Chrome

How to use it?

Download gwt-graphics.jar (see release notes too) and add it to the classpath of your project. In addition, you have to add the following line to the Module XML file of the project:

<inherits name='org.vaadin.gwtgraphics.GWTGraphics'/>

After the above two steps, you can use GWT Graphics in your project. To draw something with the library, you have to add an instance of DrawingArea to your application:

DrawingArea canvas = new DrawingArea(400, 400);
panel.add(canvas);

After that you can start drawing. For example, the following code draws a red circle :

Circle circle = new Circle(100, 100, 50);
circle.setFillColor("red");
canvas.add(circle);

Discussion

If you have any questions or problems with the library, feel free to use the discussion group of the project.

Demos & examples

• Examples
• Contains simple examples.
• Source codes
• Rocket
• This is a GWT port of a pygame application, which was created by Henri.
• Interactive test application
• This GWT application with unusable UI is used to test the library with different browsers during the development process.
• Source codes
• Chart components for Vaadin
• I created a couple of chart components for Vaadin to test if i can use the library with Vaadin.
• Source codes
• Tomi's ProcessingSVG
• Demo #1
• Demo #2
• Fredu's Vaadin Screensaver
• Source codes