The SVG is an acronym of Scalable Vector Graphics. A proposed format by the World Wide Web Consortium (W3C) for web page graphics based on vectors, rather than bitmap formats. It defines graphics in XML format. These files will normally be smaller than bitmap files and will scale to different size screens. They do not lose any quality if zoomed or resized. Every element and attribute in the SVG file can be animated.

SVG consists of XML-based file format and a programming API for graphical applications. The key features include shapes, text and embedded raster graphics, with many different painting styles. Elixir Report Designer provides support for Scalable Vector Graphics throughout the SVG element.

The SVG element provides preprocessing capability to enhance the graphics generation, by allowing insertion of field names, running of report script in the report elements in addition of displaying static SVG.

Select the SVG element and place it in the report layout. The SVG can be entered either by specifying the URL or entering the script for embedding the XML file directly in the text field.

The URL path is entered in the text box and the URL type is selected from the combo box. Either a local URL e.g. file:/C:/henryV.svg or repository:/Reports/henryV.svg can be specified or a web URL link such as http://www.w3.org/Graphics/SVG/Test/20011026/toc-sv.svg can be entered.

In the SVG element the data can be embedded by entering

<text x="a" y="b">${=Data.getString("Fruit")}</text>

Where a and b corresponds to the position coordinates. The data can also be embedded directly by specifying

<text x="a" y="b" >${Fruit}</text> 

After including the text tag in the SVG code you can turn on the Dynamic check box in the property table of the SVG element so that the data source field value will be generated at run time.