Get MBLogic at Fast, secure and Free Open Source 
	software downloads

Help Topics

Topic Details for HMI

Editing SVG with Inkscape

Editing SVG with Inkscape


A web based HMI client will consist of several components. If the HMI is to be graphical, then one of these components will need to provide some form of dynamic graphics capabilities to display such things as push buttons, pilot lights, dial gauges, etc.

This can be achieved by a number of means, but only one is supported directly by almost all modern web browsers. That means is SVG (Scalable Vector Graphics). SVG allows graphics to be specified directly in the web page (without external files) in an XML format, and then manipulated by Javascript just like normal web page HTML. Other methods require special proprietary plug-ins that are the source of numerous compatibility and security headaches and also often require special proprietary (and expensive) development software. SVG is supported by numerous standard drawing packages, and can even be edited directly using a simple text editor.