SupSVG

The SupSVG object represents SVG content in Sup. You can return it from the main() function to display it in the chat.

Example SVG

SupSVG: {
  "content": "<svg viewBox='0 0 100 100'><circle cx='50' cy='50' r='40' fill='green'/></svg>"
}

Properties

content

type: string

The SVG markup content.

Usage

// You can also use `sup.svg` as shorthand
const svg = sup.svg(`
  <svg viewBox="0 0 100 100">
    <circle cx="50" cy="50" r="40" fill="green"/>
  </svg>
`);

// SVGs can be edited
const cursor = svg.edit();
const editedSvg = cursor.render();

Note: SVGs can be processed using the edit() method which will convert them to images for editing.