SVG → SVGHMI Converter

SVG Preview

SVG Properties

Height: 300px

ViewBox:

Background:

Width: 400px

Element Selection

Selected: SVG Container

Edit Elements

Draw Color: Insert: Fill shapes with this color (else transparent)

Tip: Esc cancels.

Clipboard

Shortcuts: Ctrl/Cmd + Z (Undo)Ctrl/Cmd + Y (Redo)Ctrl/Cmd + C (Copy), Ctrl/Cmd + V (Paste), Ctrl/Cmd + D (Duplicate) + or (use mouse)

Element Conversion

Convert to:

X Position: 0

Y Position: 0

Fill Color:

Fill Mode:

Fill Brightness: 100%

Fill Contrast: 100

Stroke Color:

Stroke Brightness: 100%

Stroke Contrast: 100

Stroke Width: 2

Width:0

Horizontal Anchor: Left Right If none: center

Height:0

Vertical Anchor: Top Bottom If none: center

Size: 50

Rotation & Pivot

Angle (°): 0°

Pivot X: 0

Pivot Y: 0

Click Inspector

SVG X:— SVG Y:— Element-local X:— Element-local Y:—

Actions & Parameters

Add Parameter: Type: Default:

Tip: HmiColor default like 0xFFAABBCC

Parameters

Actions (selected element)

Fill Action Mode:

Only Set Fill Color Only Gradient Horizontal (Start/End) Only Gradient Vertical (Start/End) Only Gradient Diagonal (Start/End)

This only affects the fill-related actions in the dropdown for the currently selected element.

Add Action:

SVG - SVGHMI