Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

AVEVA™ System Platform

Support for Import of SVG as an Industrial Graphic

  • Last UpdatedAug 28, 2023
  • 2 minute read

With this release, Industrial Graphic Editor supports import of Scalable Vector Graphics (SVG) as Industrial Graphics. You can import an SVG into the Graphic Editor and the graphic elements automatically get converted to an Industrial Graphic, which can include many primitives. A list of supported SVG elements can be found at SVG Github.

To import an SVG and insert as an Industrial Graphic:

  1. In the Industrial Graphic Editor, on the Graphic menu, click Import SVG.

  2. Browse for the required SVG and click Open.

    Note: You can import multiple SVG files at once.

  3. Click anywhere on the canvas to insert the SVG file as Industrial Graphics.

OR

  • Drag and drop the SVG to the canvas.

    You can drag and drop multiple SVG files at once.

CAUTION: You can drag and drop SVG files only if User Account Control (UAC) is turned off. Before turning off UAC, be sure to check your organization's security policy, as turning it off could cause a security issue.  If you try to drag and drop an SVG file to the canvas with UAC turned on, a forbidden icon is displayed.

Note:
- If there are any unsupported characters in the name of the SVG or primitive, it will be converted to “_”.
- The SVG element name is used to name the corresponding primitive. If a SVG element does not have a name, then Industrial Graphic primitive type is used to name the primitive. For example, if the SVG group name is "Header", the primitive name in Graphic Editor after import will also be Header. If the SVG group has no name, the same will be named as <primitive type>_<number>, that is group_01.
- Only three colors are supported in gradients. If the SVG file has more than three colors for primitive, the first, last, and middle colors are considered. The middle color is calculated by the formula middle color = (int)((colors.Length) / 2). That is, if there are four colors, then it will consider the second color as middle color.

Limitations of SVG Support at the time of this release

The following features are not supported at the time of this release:

  • SVG animations are not yet supported, and any animation configured on a SVG element will not be imported.

  • SVG Marker and Clip elements

  • Inserting the SVG using the Image icon from the Tools panel of the Graphic Editor.

TitleResults for “How to create a CRG?”Also Available in