SVG

Atomic node: SVG{width="200px"}

Renders an SVG image as a bitmap. In other words, maps vector shapes to pixels.

There are a few ways to create this node, and all of them require you to understand the difference between linking and importing resources.

You can either create the node from scratch, or by dropping an SVG file into the Graph view.

TIP
Generated or imported SVG images can be edited using the vector editing tools in the 2D view dock.
IMPORTANT
This node is dependent on an external resource, hence there are a few points need to be kept in mind when working with them:
  • SVG nodes can return either color or grayscale, but default to color even if the resource is a grayscale vector. This can affect graph performance and complexity, so always make sure to switch to the ‘Grayscale’ color mode if needed.
  • Deleting an SVG node does not delete the SVG resource in your package, you have to manually do that in the Explorer.
  • SVG shapes are tessellated into geometry/polygons, then  rasterized  in order to be used in Substance graphs as bitmaps. The technology used for these operations does not support several vector properties, such as outlines. Learn more about these limitations here.
WARNING
SVG shapes are tessellated into geometry/polygons, then  rasterized  in order to be used in Substance graphs as bitmaps.
The technology used for these operations does not support several vector properties, such as outlines.
Learn more about these limitations here.

Examples

Parameters

Color mode Boolean
Determines the output type of the node, to either return in color or grayscale.
Background color Color/Grayscale
Sets the output image’s background color ot use on areas not covered by a vector shape.   Is overridden by the ‘Background’ input when that input is connected.
PKG resource path String
Path to the SVG resource being referenced by the node.   It is recommended not to type manually but either copy a resource from the explorer and paste it in the parameter text field, or drag-and-drop a bitmap resource directly from the Explorer onto the SVG node in the graph…

Vector editing tools

Vector shapes can be edited in Designer. Learn more about the editing tools in this section.

Input connectors

Background Grayscale/Color PRIMARY
Sets the output image’s background color ot use on areas not covered by a vector shape.   Overrides the ‘Background color’ parameter when connected.

Output connectors

Output Grayscale/Color

Examples

Coming soon.

recommendation-more-help
dd48abc6-e399-43d2-9777-578ec70c5a23