ImageProcessing.Compute.Path.RenderPath

This node generates an image from SVG path data. The path can be defined via the path data text input slot. Each command in the path data consists of a command character followed by several numeric parameter values:

Command characterNumber of numeric valuesExampleExample semantic
M2M 30 40Move to absolute position $x=30$, $y=40$
m2m 10 20Move to relative position $x=\tilde{x}+20$, $y=\tilde{y}+10$, where $\tilde{x}$ and $\tilde{y}$ define the position after execution of the previous command
L2L 50 60Line to absolute position $x=50$, $y=60$
l2l 20 10Line to relative position $x=\tilde{x}+20$, $y=\tilde{y}+10$
H1H 50 Horizontal line to absolute $x$-position $x=50$, $y=\tilde{y}$
h1h 20 Horizontal line to relative $x$-position $x=\tilde{x}+20$, $y=\tilde{y}$
V1V 10 Vertical line to absolute $y$-position $x=\tilde{x}$, $y=10$
v1v 10 Vertical line to relative $y$-position $x=\tilde{x}$, $y=\tilde{y}+10$
C6C 10 20 30 40 50 60Cubic Bézier curve to absolute position
$x=50$, $y=60$, where $x_1=10$, $y_1=20$ and $x_2=30$, $y_2=40$ define the absolute positions of the curve's control points
c6c 10 20 30 40 50 60Cubic Bézier curve to relative position
$x=\tilde{x}+50$, $y=\tilde{y}+60$, where $x_1=\tilde{x}+10$, $y_1=\tilde{y}+20$ and $x_2=\tilde{x}+30$, $y_2=\tilde{y}+40$ define the positions of the curve's control points
S4C 30 40 50 60Cubic Bézier curve to absolute position
$x=50$, $y=60$, where $x_1=2\tilde{x}-\tilde{x}_2$, $y_1=2\tilde{y}-\tilde{y}_2$ and $x_2=30$, $y_2=40$ define the positions of the curve's control points
s4c 30 40 50 60Cubic Bézier curve to relative position
$x=\tilde{x}+50$, $y=\tilde{y}+60$, where $x_1=2\tilde{x}-\tilde{x}_2$, $y_1=2\tilde{y}-\tilde{y}_2$ and $x_2=\tilde{x}+30$, $y_2=\tilde{y}+40$ define the positions of the curve's control points
Q4Q 10 20 50 60Quadratic Bézier curve to absolute position
$x=50$, $y=60$, where $x_1=10$, $y_1=20$ define the absolute position of the curve's control point
q4c 10 20 50 60Quadratic Bézier curve to relative position
$x=\tilde{x}+50$, $y=\tilde{y}+60$, where $x_1=\tilde{x}+10$, $y_1=\tilde{y}+20$ define the position of the curve's control point
T2T 50 60Quadratic Bézier curve to absolute position
$x=50$, $y=60$, where $x_1=2\tilde{x}-\tilde{x}_1$, $y_1=2\tilde{y}-\tilde{y}_1$ define the position of the curve's control point
t2t 50 60Quadratic Bézier curve to relative position
$x=\tilde{x}+50$, $y=\tilde{y}+60$, where $x_1=2\tilde{x}-\tilde{x}_1$, $y_1=2\tilde{y}-\tilde{y}_1$ define the position of the curve's control point
Z0Zcloses the current path
z0zcloses the current path

Detailed explanation of the SVG path data format can be found in the SVG specification. The elliptical arc commands "A" and "a" are currently not fully supported.