ScxmlEditor-Tutorial

Contents SCXML Wiki Forum

Export SCXML to SVG

For Qt programmers: see how to use SVG as source for Qt SCXML Debug

There are a couple ways to export SCXML to SVG.

1. Quick view SVG source code by switching to the 'SVG' tab

SvgTab

SvgRaw

2. Save all statechart to file by IDE Insight command (type 'SVG')

SvgExport

3. Save selected state to file or copy to clipboard by IDE Insight command (type 'Image')

SvgImage

SvgImageSave

Example 1. Part of state chart exported

Part

Example 2. All state chart exported

Part

SVG Export Settings

Since ScxmlEditor 2.1.7 there are available export settings:

  1. if it is set to true then font size is given in points with extension pt (Example: font-size="8pt")
  2. if it is set to false then font size is calculated by expression Font->Size * Screen->PixelsPerInch / 72.0f (Example: font-size="10.67")

ExportSettings

SVG attributes text-rendering and shape-rendering are predefined and may be changed from settings

ShapeRendering

And there is an option to use custom SVG element attributes

SvgCustom SvgTextCustom

Example: shape-rendering="crispEdges"

SvgTextCustom

TOP Contents SCXML Wiki Forum