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 character | Number of numeric values | Example | Example semantic |
M | 2 | M 30 40 | Move to absolute position $x=30$, $y=40$ |
m | 2 | m 10 20 | Move 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 |
L | 2 | L 50 60 | Line to absolute position $x=50$, $y=60$ |
l | 2 | l 20 10 | Line to relative position $x=\tilde{x}+20$, $y=\tilde{y}+10$ |
H | 1 | H 50 | Horizontal line to absolute $x$-position $x=50$, $y=\tilde{y}$ |
h | 1 | h 20 | Horizontal line to relative $x$-position $x=\tilde{x}+20$, $y=\tilde{y}$ |
V | 1 | V 10 | Vertical line to absolute $y$-position $x=\tilde{x}$, $y=10$ |
v | 1 | v 10 | Vertical line to relative $y$-position $x=\tilde{x}$, $y=\tilde{y}+10$ |
C | 6 | C 10 20 30 40 50 60 | Cubic 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 |
c | 6 | c 10 20 30 40 50 60 | Cubic 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 |
S | 4 | C 30 40 50 60 | Cubic 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 |
s | 4 | c 30 40 50 60 | Cubic 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 |
Q | 4 | Q 10 20 50 60 | Quadratic 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 |
q | 4 | c 10 20 50 60 | Quadratic 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 |
T | 2 | T 50 60 | Quadratic 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 |
t | 2 | t 50 60 | Quadratic 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 |
Z | 0 | Z | closes the current path |
z | 0 | z | closes 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.