SVG Support

Diagrammix3 features robust SVG (Scalable Vector Graphics) support, compliant with SVG 1.2 standards.

Importing SVG

You can import SVG files by:

• Dragging an SVG file onto the canvas.
• Using File > Import....

Imported SVGs retain their vector nature and can often be ungrouped and edited.

Exporting SVG

To export your diagram or selection as SVG:

1. Select the items (optional, to export selection).
2. Go to File > Export....
3. Choose SVG as the format.

This allows you to use your diagrams in web pages and other vector editors with high fidelity.

SVG Import Options

Import Methods

• Drag and drop: Drag SVG files directly onto the canvas
• File menu: File → Import... and select SVG files
• Copy/Paste: Copy SVG code from another application and paste

Import Behavior

When importing SVG, Diagrammix3:

• Converts paths to editable vector objects
• Preserves fill and stroke colors
• Maintains grouping structure
• Respects transforms and rotations

Import Settings

Some SVG features may be adjusted during import:

• Fonts: Mapped to available system fonts
• Filters: Complex SVG filters may be simplified
• Gradients: Linear and radial gradients are preserved
• Masks and clips: Basic support, complex masks may be flattened

Editing SVG After Import

Ungrouping

Imported SVGs are often grouped:

1. Select the imported SVG
2. Object → Ungroup (Cmd+Shift+G)
3. Individual paths become separately editable

Modifying Paths

After ungrouping:

• Select individual shapes
• Edit colors, strokes, and fills in Inspector
• Use the Vector Drawing tools for path editing
• Resize and transform as needed

Regrouping

To keep edited elements together:

1. Select all related elements
2. Object → Group (Cmd+G)

Compatibility Notes

Best Practices for Import

• Simple SVGs work best: Icons, logos, and illustrations
• Avoid text-heavy SVGs: Text may not match exactly
• Check gradients: Verify they imported correctly
• Test filters: Drop shadows and blurs may differ

Common Issues

SVG Version Support

Diagrammix3 supports SVG 1.2 with these capabilities:

• Basic shapes (rect, circle, ellipse, line, polyline, polygon)
• Paths (all path commands)
• Groups and transforms
• Fill and stroke properties
• Linear and radial gradients
• Text (with font substitution)

Some SVG 2.0 features may not be fully supported.