SVG Drawing Support
A quick-reference chart showing which SVG elements and capabilities are supported in Scryber. Scryber supports a substantial portion of the static SVG specification — most SVG images that do not rely on filters or animations should work without modification.
Support levels used in this chart:
| Label |
Meaning |
| Supported |
Works as in the SVG specification |
| Partial |
Supported with differences or limitations — see Notes |
| No |
Not currently supported |
On this page
Inclusion Methods
SVG content can be included in a template in three ways:
| Method |
Binding Support |
Notes |
Inline <svg> in template |
Full |
Data binding and dynamic styles apply |
Embedded via <embed> |
Full |
External .svg file; uses outer document styles |
Referenced via <img src="..."> |
None |
Rendered as a static image; no data binding |
Root & Container Elements
| Element |
Tag |
Support |
Notes |
| SVG Root |
<svg> |
Supported |
Can be free-standing, inline, or nested within another <svg>; viewBox, width, height supported |
Document Elements
| Element |
Tag |
Support |
Notes |
| Style Declarations |
<style> |
Supported |
CSS within SVG; outer document styles also apply for inline/embedded SVG |
| Definitions |
<defs> |
Supported |
Single child of <svg>; holds gradients, patterns, markers, symbols |
Graphic Elements
| Element |
Tag |
Support |
Notes |
| Rectangle |
<rect> |
Supported |
x, y, width, height, rx, ry; fill and stroke |
| Circle |
<circle> |
Supported |
cx, cy, r; fill and stroke |
| Ellipse |
<ellipse> |
Supported |
cx, cy, rx, ry; fill and stroke |
| Line |
<line> |
Supported |
x1, y1, x2, y2; stroke only |
| Polygon |
<polygon> |
Supported |
Closed shape from coordinate points; fill and stroke |
| Polyline |
<polyline> |
Supported |
Open shape from coordinate points; stroke only |
| Path |
<path> |
Supported |
Full path d data: arcs, curves, lines, relative offsets; fill and stroke |
| Referenced Image |
<image> |
Supported |
Embeds a raster image within the SVG area |
Structural Elements
| Element |
Tag |
Support |
Notes |
| Group |
<g> |
Supported |
Container for inner elements; inherits and applies styling; referenceable via <use> |
| Use Reference |
<use> |
Supported |
Clones a referenced element (by href) and re-renders at desired position |
| Symbol |
<symbol> |
Supported |
Hidden container; made visible when referenced by <use> |
| Anchor Link |
<a> |
Supported |
Makes inner graphic elements into links |
Text Elements
| Element |
Tag |
Support |
Notes |
| Text |
<text> |
Supported |
Positioned at x, y; font, fill, and stroke styling |
| Text Span |
<tspan> |
Supported |
Adjusts position and/or style of a text range within a <text> |
Paint Elements
| Element |
Tag |
Support |
Notes |
| Linear Gradient |
<linearGradient> |
Supported |
Colour transitions along a line; multiple stops; gradientUnits, x1, y1, x2, y2 |
| Radial Gradient |
<radialGradient> |
Supported |
Colour transitions from a centre point; cx, cy, r, fx, fy |
| Gradient Stop |
<stop> |
Supported |
offset, stop-color, stop-opacity |
| Pattern |
<pattern> |
Supported |
Repeating tile pattern used as a fill |
| Marker |
<marker> |
Supported |
Arrowheads and line-end decorators; markerStart, markerMid, markerEnd |
| Element |
Tag |
Support |
Notes |
| Title |
<title> |
Supported |
Short description; shown in the PDF document outline |
| Description |
<desc> |
Supported |
Longer description; not shown in output |
Not Supported
| Feature |
Notes |
<filter> |
Raster-based colour blending cannot be determined at vector stage |
<animate>, <animateTransform>, <set> |
Animations are not applicable in a static PDF format |
<clipPath> |
Not currently supported |
<mask> |
Not currently supported |
<foreignObject> |
Not supported |
CSS filter property |
Same reason as <filter> element |
CSS animation / transition |
Static format |
SVG Style Properties
SVG elements support CSS styling. The following SVG-specific CSS properties are supported — see the CSS Styles Support chart for the complete list.
| Property |
Notes |
fill |
Solid colour, gradient reference (url(#id)), none |
fill-opacity |
 |
stroke, stroke-width, stroke-opacity |
 |
stroke-dasharray, stroke-dashoffset |
 |
stroke-linecap, stroke-linejoin |
 |
stop-color, stop-opacity |
 |
paint-order |
 |
text-anchor |
start, middle, end |
dominant-baseline |
 |
font-* |
Full font properties apply to <text> and <tspan> |
transform |
translate, rotate, scale, matrix |
See Also