Freestyle SVG Exporter¶
SVG exporting for Freestyle is available through an add-on.
This add-on can be enabled via
.svg file is written to the default output path
- Option between Frame and Animation. Frame will render a single frame,
Animation will bundle all rendered frames into a single
- Split at Invisible
- By default the exporter will not take invisible vertices into account and export them like they are visible. Some stroke modifiers, like Blueprint, mark vertices as invisible to achieve a certain effect. Enabling this option will make the paths split when encountering an invisible vertex, which leads to a better result.
- Fill Contours
The contour of objects is filled with their material color.
This feature is somewhat unstable – especially with animations.
- Stroke Cap Style
Defines the style the stroke caps will have in the SVG output.
- Corners with sharp edges.
- Corners are smoothed.
- Corners are beveled.
Because the representation of Freestyle strokes and SVG path objects is fundamentally different, an one-on-one translation between Freestyle and SVG is not possible. The main shortcoming of SVG compared to Freestyle is that Freestyle defines style per-point, where SVG defines it per-path. This means that Freestyle can produce much more complex results that are impossible to achieve in SVG.
There are extended options for the exporter, located at the specific panels of the Freestyle renderer at the Render Layers tab of the Properties editor. Those options are located at the Freestyle Line Style SVG Export panel, at the bottom of the tab.
The properties (no modifiers applied) that can be exported are:
- Base color
- Base alpha
- Base thickness
The exporter supports the creation of SVG animations. When the Mode is set to Animation, all frames from a render –
one when rendering a frame (
or all when rendering an animation (
Shift-F12) – are saved into a single file.
Most modern browsers support the rendering of SVG animations.
Fills are colored areas extracted from a Freestyle render result. Specifically, they are defined by a combination of the Contour and External Contour edge type, combined with some predicates. The fill result can be unexpected, when the SVG renderer cannot correctly draw the path that the exporter has generated. This problem is extra apparent in animations.
Fills support holes and layering. When using layers, the exporter tries to render objects with the same material as the patch. The exporting of fills and especially the order in which they are layered is by no means perfect. In most cases, these problems can be easily solved in Inkscape or a text editor.