EzSVG

Use the EzSVG library to create SVG images dynamically within your design – for example, to help users visualize component status and control level changes.

Note: This topic provides some examples of usage within Q-SYS. Additional documentation can be found on the EzSVG page on Github within its README markdown file.

Syntax

Q-SYS implements the EzSVG library in its entirety with one addition and exception:

Use toString() as a replacement for the standard writeTo() call to ensure that the encoded SVG document is returned as a string.

Examples

Use these examples as a starting point for implementing EzSVG in your design. All examples use a Text Controller component for scripting, and each SVG graphic (called a "document") is drawn to a toggle button control (called SwitchSVGs in the code examples).