CrossCanvas
, v1
●
File
New
Open / Import Diagram…
Ctrl+O
Open Recent
›
Import & Merge…
Import Inventory…
Paste Inventory…
Convert Diagrams…
Load Sample
Load Complex Sample
Save
Ctrl+S
Save Self-Contained Copy
Export
Export Without Grid
›
Export as PNG
Export as PNG (Transparent)
Export as JPEG
Export as PDF
Export as SVG
Export With Grid
›
Export as PNG
Export as JPEG
Export as PDF
Export as SVG
Export as CSV (data)
Export as draw.io
Image Scale: 1×
Edit
Undo
Ctrl+Z
Redo
Ctrl+Y
Copy
Ctrl+C
Paste
Ctrl+V
Delete
Del
Add Space
Layers
Bring to Front
Bring Forward
Send Backward
Send to Back
Canvas Tiers
👁
🔓
Devices & Text
👁
🔓
Connections
👁
🔓
Images
👁
🔓
Zones
Align
Align Left
Align Center
Align Right
Align Top
Align Middle
Align Bottom
Distribute Horizontally
Distribute Vertically
Bulk Actions
Select All Devices…
Select All Connections…
Select All Zones…
Select All Text Boxes…
Select All Images…
Select Everything…
Recolor to Theme…
Map Details to Label…
Map Label to Details…
Help
Quick Start
Keyboard Shortcuts
User Guide
Inventory Import Formats…
Download Offline Copy
About CrossCanvas
Properties: Right
☾ Dark
−
100%
+
▼
Default Settings
Font
9px
11px
13px
16px
20px
24px
28px
32px
40px
48px
64px
Device Size:
60px
Device Color
Reset
Device Background
Reset
Zone Color
Reset
Zone Border Color
Reset
Attachment Points:
8
Route Clearance:
6px
Label Halos
All labels
Devices & text only
Off
Connection Labels
White box (classic)
Rounded chip
Halo only
Import Spacing - Wider:
100%
Import Spacing - Taller:
100%
Import Columns:
Auto
Import Sort
File order
Device type
MAC address
Label
▼
Zones / Text
T
Text
▼
Devices
▼
Device Library
Import Device Image / SVG
Import Device Library
Export Device Library
Text Properties
Text
Font
9px
11px
13px
16px
20px
24px
28px
32px
40px
48px
64px
Reset
Hold
Alt
while moving to snap at half-grid (5px) for fine centering.
Connection Style
Thickness
1px
2px
3px
4px
6px
Color
Line Style
Solid
Dashed (small)
Dashed (medium)
Dashed (large)
Dotted
Dash-Dot
Routing
Orthogonal
Rounded
Straight
Start Arrow
None
Arrow
Open Arrow
Diamond
Circle
End Arrow
None
Arrow
Open Arrow
Diamond
Circle
Arrow Size
Tiny
Small
Normal
Large
Extra Large
Arrows also scale with line thickness.
Label
Label Font
9px
11px
13px
16px
20px
24px
28px
32px
40px
48px
64px
Position
Top
Bottom
Left
Right
Center
Hold
Alt
while dragging bends or endpoints to snap at half-grid (5px).
▼
Device Properties
Label
Font
9px
11px
13px
16px
20px
24px
28px
32px
40px
48px
64px
Reset
Position
Bottom
Bottom (Inside)
Top
Top (Inside)
Left
Right
Center
Device Color
Reset
Device Background
Reset
Icon
Size W × H (px)
−
×
+
Attachment Points:
8
Hold
Alt
while moving or resizing to snap at half-grid (5px) for fine centering.
▼
Device Details
+ Add Field
Data saved with the diagram and included in CSV export. Hostname falls back to the label's first line.
Zone Properties
Label
Font
9px
11px
13px
16px
20px
24px
28px
32px
40px
48px
64px
Reset
Position
Top
Top (Inside)
Bottom
Bottom (Inside)
Left
Right
Center
Shape
Rectangle
Ellipse
Diamond (Decision)
Parallelogram (Data)
Pill (Start / End)
Document
Cylinder (Database)
Fill Color
Reset
Border Color
Reset
Opacity
Attachment Points:
8
Hold
Alt
while moving or resizing to snap at half-grid (5px) for fine centering.
Image Properties
Label
Font
9px
11px
13px
16px
20px
24px
28px
32px
40px
48px
64px
Position
Bottom
Bottom (Inside)
Top
Top (Inside)
Left
Right
Center
Attachment Points:
8
Hold
Alt
while moving or resizing to snap at half-grid (5px) for fine centering.
Annotation
Font
9px
11px
13px
16px
20px
24px
28px
32px
40px
48px
64px
Delete Annotation
Double-click the annotation on the canvas to edit its text.
Batch Edit
Text & Labels
Font
Font Size
- keep -
9px
11px
13px
16px
20px
24px
28px
32px
40px
48px
64px
Font Color
Reset
Applies to every label, annotation and text box in scope.
Devices (
0
)
Size W × H (px)
Device Color
Reset
Only SVG icons can be recolored.
Device Background
Reset
Position
- keep -
Bottom
Bottom (Inside)
Top
Top (Inside)
Left
Right
Center
Icon
- keep -
Connections (
0
)
Thickness
- keep -
1px
2px
3px
4px
6px
Color
Reset
Line Style
- keep -
Solid
Dashed (small)
Dashed (medium)
Dashed (large)
Dotted
Dash-Dot
Routing
- keep -
Orthogonal
Rounded
Straight
Arrow Size
- keep -
Tiny
Small
Normal
Large
Extra Large
Zones (
0
)
Fill Color
Reset
Border Color
Reset
Position
- keep -
Top
Top (Inside)
Bottom
Bottom (Inside)
Left
Right
Opacity
Text Boxes (
0
)
Alignment
- keep -
Left
Center
Right
Images (
0
)
Width (px)
Height scales to keep each image's aspect ratio.