Here’s some information about columns in the below table which may not be self-explanatory:
Format() Placeholders
Occasionally it’s useful to dynamically generate parts of an SVG. The easiest way to do so is using the Format() formula along with the numbered placeholders {1}, {2}, {3}, etc.
To use meaningful sample data for the Preview column, you can specify sample values for any placeholders by entering them into this column, comma-separating them.
Check out
@Sample SVG
for an example. Here, the text, color, font-family, and font-size are specified in Format() Placeholders, and the result is visible in the row’s Preview column.
Preview Height
Height in pixels to generate the image preview in the Preview column. Defaults to 80px.
SVG Images and Templates
0
Search
Key
Description
SVG Code
Encoded
Format() Placeholders
Preview Height
Preview
1
Sample SVG
Here’s just a sample SVG showing how Format() Placeholders works to generate a preview image.
During setup, the user can select the character sets they wish to include in their installation. Clicking the 👁🗨 button alongside each set displays a modal window with a list of each character included in the set. To format these nicely for display, the characters are displayed as “keys” using this SVG.