Inkscape companion tool
Dash Pattern Calculator.
Design dashes using real-world measurements, preview the spacing, then click the result to copy it into Inkscape.
Your measurements
Enter values or drag the sliders. Mix units freely.
Thickness of the line in Inkscape
Length along the centerline of each dash
Empty space between consecutive dashes
Live line preview
Proportional view, fitted to this panel
Show line caps:
Butt caps end precisely at the dash boundaries.
One repeating cycle
6 mm totalDash
4 mm
Gap
2 mm
Your Inkscape pattern
Click anywhere below to copyDash: 16× stroke widthGap: 8× stroke width
In Inkscape, select the line, open Fill and Stroke → Stroke style → Dashes, choose Custom, and paste the copied numbers. Set the same stroke width you entered above. Line caps are configured separately in Inkscape.
Enter a stroke width and dash length greater than zero, and a gap of zero or greater.
Vector export
Download dashed lines as SVG
Set the length, direction, and distance between lines. The file opens as editable stroked lines in Inkscape.
1. Line arrangement
Measured along the centerline, not the canvas edge.
degrees °
0° is left-to-right; 90° points down. Positive angles rotate clockwise.
With different angles, spacing is measured between line midpoints along the base direction's perpendicular (accounting for stroke width if clear spacing is selected). Lines can still approach or cross.
Added beyond the stroke's edges. Set to 0 for a snug canvas.
2. Full SVG preview
1 dashed lineSVG canvas: —Spacing: —
The preview is fitted to the panel; download dimensions are exact. Export uses your dash and gap measurements, stroke width, and cap style from above. The SVG contains real <line> elements, not outlined dashes.
.svg
Conversions: 1 in = 25.4 mm; 1 px = 1/96 in. Inkscape custom dash values are multiples of the stroke width, not physical units. Round and square caps affect the visible gap; the preview reflects your cap selection.