Skip to main content

Element index

Every element xsvg adds or revives, grouped by area. New elements are x:-prefixed; revived ones are real SVG names the compiler implements that browsers dropped or never shipped.

Text

ElementSummaryReference
<text inline-size>wrap plain <text> at a width (revived SVG 2 attribute)Wrapping
<textArea>box text with align / auto-size (revived SVG Tiny 1.2)Wrapping
<x:textbox>box- or shape-bound text: padding, align, fit, region flowTextbox
<tspan>inline styled run that flows and wraps with the paragraphStyled runs
<tbreak/>forced line break (revived SVG Tiny 1.2)Wrapping
<x:p>a paragraph inside a textbox — spacing and per-paragraph styleParagraphs
<x:list> / <x:li>hanging-indent bullet / numbered lists with cycling markersLists
<x:table> / <x:tr> / <x:td> / <x:th>grid with author-set columns and content-driven row heightsTables
<x:textpath>set text along a path — follow, skew, ribbonType on a path

Geometry

ElementSummaryReference
<x:warp>envelope distortion — presets, perspective, free distort, bendWarp
<x:boolean>live path algebra — union / subtract / intersect / excludeBooleans
<x:offset>grow / shrink a region by a Minkowski distanceOffset
<x:connector>a line routed between two elements' edgesConnectors

Charts

ElementSummaryReference
<x:plot> / <x:bars> / <x:bar> / <x:line>a linear data-coordinate frame for bar & line chartsPlots
<x:pie> / <x:slice>pie / donut / polar-area — value to anglePie

Paint & theming

ElementSummaryReference
<x:theme> / <x:color> / <x:font>compile-time design tokens (var(name), x:font="name")Theming
<x:mesh> / <x:face>Coons/tensor mesh gradients, baked to texel-aligned PNGsMesh gradients
<meshgradient>SVG 2 / Inkscape mesh gradient (revived as a fill source)Mesh gradients

Composition

ElementSummaryReference
<use href="file.xsvg">pull in a whole file, or one element by id (file.xsvg#id), baked at compile timeCross-file <use>

See also