> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions.
# Dashed SVG Lines for Laser Cutting: Check the Paths
> Diagnose dashed SVG lines that become solid in a laser preview. Compare stroke paint, separate centerlines, and outlined dashes before preparing your own file.
Source: https://perfectvector.com/blog/dashed-svg-laser-cut-paths
Language: en
Author: Irene Kim
Published: 2026-10-08T08:00:00+09:00
Updated: 2026-10-08T08:00:00+09:00
If an SVG looks dashed in your editor but becomes a solid line in a laser preview, inspect its stored paths. A dash setting can paint gaps along one continuous path without removing any geometry. When the gaps must exist in the saved file, build separate centerline segments. If you control the job in LightBurn, its documented Perforation Mode offers another route: keep a continuous path and specify the cut and skip distances there.
This guide helps you diagnose and prepare the SVG itself. The original examples below were saved, inspected, and rendered in a browser. They demonstrate file geometry; they do not establish successful import in a laser application or a physical cut. Keep an untouched master, use an editor that exposes path endpoints, and have the destination application's preview available for your final check.
## A dashed stroke can still be one continuous path
Scalable Vector Graphics (SVG) stores shapes and paths. A **path** describes geometry; a **stroke** paints along that geometry. A **centerline** is the route through a mark's middle. An outlined dash instead has a closed boundary around the mark's width.
The [SVG painting specification](https://www.w3.org/TR/SVG2/painting.html#StrokeDashing) defines `stroke-dasharray` as alternating painted and unpainted lengths along a path. Adding `stroke-dasharray="8 4"` changes the stroke's appearance. It does not rewrite the path's `d` data into separate pieces.
That distinction matters in a manufacturing handoff. Ponoko's [dashed-line preparation guide](https://help.ponoko.com/en/articles/4429521-dashed-lines-and-other-appearances) specifically recommends separate smaller solid lines and warns that expanding a dashed stroke can produce little boxes. Its guidance describes Ponoko's preparation requirements, rather than every laser application's SVG importer.
For decorative borders that will stay on screen, retaining editable stroke paint may be useful. The [dotted-outline guide](https://perfectvector.com/blog/svg-dotted-outlines) covers cap shape and visible spacing. A laser job needs a separate decision about the geometry and operation you intend.
## Compare two matching appearances with different geometry
These authored SVGs both use a 100 mm by 20 mm page with `viewBox="0 0 100 20"`. With that mapping, one user unit corresponds to one millimetre. The line extends from x=10 to x=90, an 80 mm span. The 2-unit stroke below makes the comparison visible; it is not a laser setting or a recommended cut width.
First, save this as `painted-dashes.svg`:
```xml
```
It paints seven 8 mm dashes separated by six 4 mm gaps. The stored path is still `M10 10 H90`: one continuous 80 mm line.
Now save `separate-segments.svg`:
```xml
```
This file has seven separate open paths. Their lengths add to 56 mm, and no connecting geometry crosses the six gaps. The outside endpoint span is still 80 mm. Both examples use butt caps, so the painted stroke stops at each dash endpoint.
**Authored SVG geometry**
*Browser capture of the authored files. The first two rows have matching dash marks but 80 mm and 56 mm of stored path length. The third exposes closed rectangle perimeters. No laser-app import or physical cut is shown.*
We inspected the saved path data and used the browser's `getTotalLength()` method to check the geometry. The continuous path returned 80 user units; each separate segment returned 8, totaling 56. [MDN documents this method](https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement/getTotalLength) as the browser-computed path length in user units. These are geometry measurements, not measured job time or a laser application's generated toolpath.
You can repeat the basic diagnosis without code: reopen each saved file, select its paths with the node tool, and inspect the endpoints. The first file has a route across each visible gap. The second has endpoints on both sides of every gap. A single SVG path can also contain disconnected subpaths, so counting path elements alone is not enough; check where each route starts, stops, and closes.
## Fix the cause that matches your file
### The gaps exist only in stroke paint
If removing the dash style reveals one continuous route, choose whether the gaps belong in the file or in the laser job settings.
For gaps stored in the SVG, work on a duplicate of the master:
1. Remove the decorative dash effect from the path you are rebuilding.
2. Draw or split the route into open segments at the intended dash endpoints.
3. Delete the connecting sections that should be gaps. For the straight example, repeat 8 mm segments with 4 mm spaces.
4. Inspect the result with the node tool. Each intended dash should have one centerline and two endpoints.
5. Save a new SVG, reopen it, and inspect the gaps again. Confirm the physical dimensions before importing it into the laser application.
For a curved route, place the breaks along that curve. The 8/4 numbers here explain one straight example; they do not specify suitable perforations for your material. Recheck short end segments, bends, and any join around a closed shape.
### Each dash became a small closed outline
An expand or stroke-to-path command can preserve the visible dash as a closed shape. That may be appropriate when you want the outline of a slot. It is a different geometry from one short line down the dash's middle.
For a visible-width example, we also authored seven closed rectangles, each 8 mm by 2 mm. One rectangle's path is:
```xml
```
Its perimeter is 20 mm; seven such rectangles contain 140 mm of closed-contour geometry. If an operation follows those boundaries, it follows both long sides and the ends. The figure displays the outlines so that distinction is visible. This calculation does not establish how an untested importer processes the shapes.
If you intended a short centerline at each dash, rebuild those centerlines instead of accepting the boxes. The [single-line SVG guide](https://perfectvector.com/blog/drawing-to-single-line-svg) explains the same centerline-versus-outline distinction for drawn marks. If your intended outlines also contain duplicates, use the [double-line inspection guide](https://perfectvector.com/blog/svg-cutting-double-lines) before changing machine settings.
### The gaps belong in the LightBurn job
If you own the LightBurn job and want adjustable cut/skip intervals, keeping a continuous route can be useful. LightBurn's current [Line Mode documentation](https://docs.lightburnsoftware.com/2.2/Reference/CutSettingsEditor/LineMode/#perforation-mode) describes Perforation Mode with separate **Cut** and **Skip** distances. Those job settings specify where the beam turns on and off along the route.
Choose the distances for your design and material, then inspect the job preview. Avoid adding a second perforation pattern to already separated geometry unless that extra pattern is intentional.
If you need to export geometry derived from those settings, LightBurn also documents [Generate Path From Cut](https://docs.lightburnsoftware.com/2.2/Reference/GeneratePathFromCut/). It creates new paths that include properties such as perforations and retains the original objects. Keep the original and generated versions distinguishable, and ensure the final job contains only the intended version.
These are documentation-based alternatives. We did not run LightBurn, import the example files into it, or operate a laser in this demonstration. Verify the route and settings in your own application and test your actual material before using the finished design.
## Keep recovered artwork separate from perforation paths
If the motif around your dashed line exists only as a flat PNG or JPEG, PerfectVector's [laser-cutting artwork workflow](https://perfectvector.com/svg-for-laser-cutting) can recover SVG shapes from that raster image. Compare the recovered silhouette and openings with the source before placing the artwork in the job. Vectorization creates geometry from image pixels; it does not choose cut/skip intervals or design the dashed centerlines in these examples.
Keep that artwork and the intentionally drawn perforation route as separate objects. A traced thick dash may become a region with an outline, while your job may require one open centerline. If you already have usable vector artwork, retain it and edit the dashed route directly. The [general laser SVG preparation guide](https://perfectvector.com/blog/image-to-svg-for-laser-cutting) covers the wider cut-versus-engrave and import checks.
## Verify the saved file and the destination preview
Before accepting the SVG, check the actual exported file:
* The physical page and artwork dimensions match the design record.
* Each intended gap has no connecting centerline, unless a job setting creates the gap later.
* Intended line dashes are open segments; closed dash outlines are present only when those boundaries are wanted.
* Original routes and replacement geometry have not both been left in the final job.
* The destination preview shows the intended operations and interruptions.
If the preview still shows a solid route, inspect the imported geometry and the job's perforation settings separately. If it shows two edges around each dash, inspect for outlined shapes. If the gap lengths change, check the import scale before editing individual segments. A browser can confirm SVG rendering and geometry; the destination preview and a material test answer the remaining production questions.
## FAQ
**Why does my dashed SVG become solid after import?**
The file may contain one continuous path with a dashed stroke style. Inspect the saved geometry and the destination's operation settings. Build disconnected segments when the gaps must exist in the SVG, or use a documented perforation setting in the job.
**Is converting a dashed stroke to a path enough?**
Inspect the result. Expanding a stroke can create closed outlines around the dashes. Keep those if you want their boundaries; rebuild open centerlines if each dash should be one short route.
**Can LightBurn create the dashes instead?**
LightBurn documents Perforation Mode with Cut and Skip distances along a route. Check its preview and your material. This article verifies SVG geometry and does not include a tested LightBurn import or physical cut.
**Will vectorizing a dashed PNG create perforation paths?**
Do not assume it will. Vectorization recovers geometry from the visible pixels; dashed centerlines and cut/skip intervals remain separate design decisions. Inspect the resulting paths before assigning operations.
## Sources
1. [W3C — SVG stroke dashing](https://www.w3.org/TR/SVG2/painting.html#StrokeDashing) — distinguishes path geometry from stroke paint and defines dash lengths and cap treatment.
2. [Ponoko — Dashed lines and other appearances](https://help.ponoko.com/en/articles/4429521-dashed-lines-and-other-appearances) — gives supplier-specific separate-line guidance and explains the outlined-box result.
3. [MDN — SVGGeometryElement.getTotalLength()](https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement/getTotalLength) — defines the browser-computed path-length measurement used in the example.
4. [LightBurn — Line Mode](https://docs.lightburnsoftware.com/2.2/Reference/CutSettingsEditor/LineMode/#perforation-mode) — documents Cut and Skip distances for Perforation Mode.
5. [LightBurn — Generate Path From Cut](https://docs.lightburnsoftware.com/2.2/Reference/GeneratePathFromCut/) — documents generated geometry and retention of the original objects.
6. [PerfectVector — SVG artwork for laser cutting](https://perfectvector.com/svg-for-laser-cutting) — describes the raster-artwork conversion stage used by the conditional product bridge.
Starting with a raster motif? [Recover its SVG artwork](https://perfectvector.com/svg-for-laser-cutting), compare its contours with the source, then design the dashed route separately and verify the complete job in your laser application's preview.
## Explore
- [Read the HTML article](https://perfectvector.com/blog/dashed-svg-laser-cut-paths)
- [Image to SVG for WeCreat MakeIt: Import Clean Paths](https://perfectvector.com/blog/wecreat-svg-import.md)
- [LightBurn Cuts Outside First: Check Groups and Layers](https://perfectvector.com/blog/lightburn-inner-shapes-cut-order.md)
- [Product facts](https://perfectvector.com/product-facts.md)
- [FAQ](https://perfectvector.com/faq.md)
- [Pricing and credits](https://perfectvector.com/pricing.md)