SVG vector graphic

The vector graphic is one of the basic methods of image data storage. It is based on a mathematic desription of curves, colors and color fillings, ensuring high quality reproduction independent on dimension. In the vector graphic the image consists of individual graphic elements (lines, triangles, circles, fillings, color gradients). For example charts, schemes, logos, etc. can be stored in vector form. The vector format is not suitable for storing photo images.

There are many vector graphic formats, but the most promising these days seems to be the SVG format, which is storing the data as a XML file.

SVG is the abbreviation of Scalable Vector Graphics. It is possible to edit the source code the same way as HTML. The complete syntax of the SVG-XML language can be found at

The objects in SVG image are drawed subsequently by the order of creation. It can be grouped, formatted using the attributes or CSS styles and positioned using general space transformations.


SVG support in the PROMOTIC system

PROMOTIC system uses the SVG graphics in PmPanel in PmiRasterImage, PmiButton, PmiButtonTwo objects, as stream animation in PmiPipe object, etc.
It is possible to use a logically structured preset technological images palette (in SVG format) for graphic selection in the PROMOTIC system. The preset palette contans preview and description of each image. The preset images are divided into logical groups (e.g. boilers, engines, pumps, electronics, ..).
The full SVG format syntax is not supported in the PROMOTIC system. Following SVG features are not usable in the PROMOTIC system:
- raster images (raster images)
- text objects
- scripts
- animations
- filters
- some tag (<desc>, <title>, <metadata> ..)
- some tag attributes (viewBox, stroke-dasharray, ...)

SVG editors

Simple SVG graphic projects can be created using the common notepad. Some basic SVG syntax knowledge is presumed. It is possible to get inspired by the preset images located in the Pm/Resource/Img folder after the PROMOTIC system installation.

There are multiple SVG vector graphic editors available on the Internet. The commercial products are usually available as limited (demo) versions (Illustrator, Freehand, CorelDraw, or Xara X). As for non-commercial products you can find for example the Inkskape editor (available for download at, or svg-edit (, that can be used without installation directly in your web browser.

Handy hints for SVG graphics creation:
- The PROMOTIC system includes some limitations that have to be considered while creating SVG graphics. It is useful to check the project by viewing it through the PmPanel in the PROMOTIC system.
- The programs are usually processing the source syntax transformations when moving the graphic objects. It is useful to enable Optimalization in the Transformation, Save transformation: section of the Inkskape program. In another programs it is for example Apply transformation, ...
- Some programs keep the project semifinished when saved usually (signs, editing notes). When saving the final version of the project in Inkskape it is necessary to choose Plain SVG(*.svg) in the File/Save as ... section.
- The source code of images created in svg-edit is very well arranged. There are no needless transformations created when the position of the graphic objects is modified and the resulting image is correctly usable in PROMOTIC. This tool is recommended for creating SVG images for PROMOTIC system.
© MICROSYS, spol. s r. o.Tavičská 845/21 703 00 Ostrava-Vítkovice