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:
-
In the Industrial Graphic Editor, on the Graphic menu, click Import SVG.
-
Browse for the required SVG and click Open.
Note: You can import multiple SVG files at once.
-
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.