Shape catalog
Driving-scenario shapes
Section titled “Driving-scenario shapes”| Shape | Purpose |
|---|---|
| Linestring | Continuous line, used for lane boundaries, curbs, markings. |
| Lane | A drivable lane with two boundaries, a centerline, and connection slots (Next / Previous / Left / Right). |
| Vehicle | Templated vehicle (Sedan, Bus, Truck, Motorcycle). |
| Pedestrian | Templated pedestrian (Walking, Simple). |
| Path | Trajectory used for arrows, footprint groups, or scenario paths. Arrow or band style. |
| Polygon | Closed area (parking lot, hatched zone). |
| Crosswalk | Pre-styled pedestrian crossing. |
| TrafficLight | Vehicle or pedestrian signal. |
| Intersection | Multi-lane junction template. |
Basic shapes
Section titled “Basic shapes”| Shape | Purpose |
|---|---|
| LineArrow | Single-segment arrow. |
| Arrow | Free-form arrow. |
| Text | Plain or annotated text. |
| Math (LaTeX) | Rendered LaTeX equation, see Math (KaTeX) below. |
| Freehand | Drawn with a pen-like stroke. |
| Rectangle | Axis-aligned rectangle. |
| Ellipse | Axis-aligned ellipse. |
| Image | Imported PNG / JPG / SVG. |
Math (KaTeX)
Section titled “Math (KaTeX)”The Math shape (fx in the toolbar, also /) stores
LaTeX source and renders it with KaTeX. The
source is kept editable — double-click any equation to reopen the
inline editor. See the tutorial for
the click-by-click walkthrough.
Supported LaTeX
Section titled “Supported LaTeX”The Math tool accepts everything in KaTeX’s supported functions list. Highlights:
| Category | Examples |
|---|---|
| Greek letters | \alpha \beta \gamma \pi \Omega |
| Operators | \sum \int \prod \lim \nabla |
| Fractions and roots | \frac{a}{b} \sqrt{x} \sqrt[3]{x} |
| Sub/superscripts | x_1^2 x_{i,j}^{n+1} |
| Sets and logic | \in \notin \subseteq \forall \exists \implies |
| Arrows | \to \rightarrow \Rightarrow \leftrightarrow |
| Decorations | \hat{x} \bar{x} \vec{v} \tilde{x} \overline{ABC} |
| Matrices | \begin{pmatrix} a & b \\\\ c & d \end{pmatrix} |
| Aligned systems | \begin{align} f &= g \\\\ h &= k \end{align} |
| Cases | \begin{cases} x & \text{if } y \\\\ 0 & \text{otherwise} \end{cases} |
Chemistry (mhchem) | \ce{2 H2 + O2 -> 2 H2O} \pu{12 km/h} |
Syntax errors don’t crash the editor — KaTeX highlights the offending tokens in red while you keep typing.
Style attributes
Section titled “Style attributes”The Math attribute panel exposes:
| Property | Range / Options |
|---|---|
| Color | Any colour from the drawtonomy palette. Defaults to black. |
| Size | 8 – 200 px (font size). Defaults to 20 px. The whole equation rescales proportionally. |
Rotation is set on the Math shape just like every other shape — grab the handle that appears above the selection box.
Export
Section titled “Export”Math shapes are exported through every path in export formats:
- SVG / PNG /
.drawtonomy.svg— embed the rendered KaTeX HTML inline so the equation stays sharp at any zoom. - PDF / EPS — text glyphs are converted to paths via
opentype.js, including the square-root vinculum (\sqrt), so the file never depends on a recipient having the right fonts.
Limits
Section titled “Limits”- Drawing many hundreds of equations on one canvas works, but each one is an independent KaTeX render — extremely dense pages will feel slow.
- Custom KaTeX macros (
\newcommand) are not supported; the renderer runs with KaTeX defaults plusmhchem.
Custom templates
Section titled “Custom templates”You can add SVG templates for vehicles, pedestrians, road markings, and signs. The contribution flow is in the Template Guide.