> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions.

# Nét đứt SVG để cắt laser: kiểm tra đường dẫn

> Chẩn đoán nét đứt SVG thành đường liền trong bản xem trước laser. So sánh cách tô nét, đường tâm riêng và đường bao nét đứt trước khi chuẩn bị tệp.

Source: https://perfectvector.com/vi/blog/dashed-svg-laser-cut-paths

Language: vi
Author: Irene Kim
Published: 2026-10-08T08:00:00+09:00
Updated: 2026-10-08T08:00:00+09:00

Nếu SVG trông như nét đứt trong trình chỉnh sửa nhưng thành đường liền trong bản xem trước laser, hãy kiểm tra các đường dẫn được lưu. Cài đặt nét đứt có thể tạo khoảng không tô dọc một đường dẫn liên tục mà không loại hình học nào. Khi khoảng hở phải tồn tại trong tệp đã lưu, hãy tạo các đoạn đường tâm riêng. Nếu bạn điều khiển công việc trong LightBurn, Perforation Mode được tài liệu mô tả là cách khác: giữ đường liên tục và chỉ định khoảng cắt, bỏ qua tại đó.

Hướng dẫn này giúp bạn chẩn đoán và chuẩn bị chính SVG. Các ví dụ tự tạo bên dưới đã được lưu, kiểm tra và kết xuất trong trình duyệt. Chúng minh họa hình học tệp; không xác nhận nhập thành công vào ứng dụng laser hoặc cắt vật lý. Giữ bản gốc chưa sửa, dùng trình chỉnh sửa hiện điểm đầu cuối đường dẫn và chuẩn bị bản xem trước của ứng dụng đích để kiểm tra cuối.

## Nét đứt vẫn có thể là một đường dẫn liên tục

Scalable Vector Graphics (SVG) lưu hình và đường dẫn. **Đường dẫn** mô tả hình học; **nét** tô dọc hình học đó. **Đường tâm** là lộ trình qua giữa một dấu. Ngược lại, đoạn nét được chuyển thành hình đường bao có ranh giới kín quanh độ rộng của dấu.

[Đặc tả tô vẽ SVG](https://www.w3.org/TR/SVG2/painting.html#StrokeDashing) định nghĩa `stroke-dasharray` là các chiều dài được tô và không tô luân phiên dọc đường dẫn. Thêm `stroke-dasharray="8 4"` thay đổi hình thức nét. Nó không viết lại dữ liệu `d` của đường dẫn thành các phần riêng.

Phân biệt này quan trọng khi bàn giao sản xuất. [Hướng dẫn chuẩn bị nét đứt của Ponoko](https://help.ponoko.com/en/articles/4429521-dashed-lines-and-other-appearances) khuyến nghị cụ thể dùng các đường liền ngắn riêng và cảnh báo rằng bung nét đứt có thể tạo các hộp nhỏ. Hướng dẫn mô tả yêu cầu chuẩn bị của Ponoko, không phải bộ nhập SVG của mọi ứng dụng laser.

Với đường viền trang trí chỉ hiển thị trên màn hình, giữ cách tô nét chỉnh được có thể hữu ích. [Hướng dẫn đường bao dạng chấm](https://perfectvector.com/vi/blog/svg-dotted-outlines) trình bày hình đầu nét và khoảng cách nhìn thấy. Công việc laser cần quyết định riêng về hình học và thao tác bạn mong muốn.

## So sánh hai hình thức giống nhau nhưng hình học khác

Hai SVG tự tạo này đều dùng trang 100 mm × 20 mm với `viewBox="0 0 100 20"`. Với ánh xạ đó, một đơn vị người dùng tương ứng một milimét. Đường chạy từ x=10 đến x=90, dài 80 mm. Nét rộng 2 đơn vị bên dưới giúp dễ thấy so sánh; đó không phải cài đặt laser hoặc khuyến nghị độ rộng đường cắt.

Trước hết, lưu thành `painted-dashes.svg`:

```xml
<svg xmlns="http://www.w3.org/2000/svg"
     width="100mm" height="20mm" viewBox="0 0 100 20">
  <path d="M10 10 H90" fill="none" stroke="#0f766e"
        stroke-width="2" stroke-linecap="butt"
        stroke-dasharray="8 4" />
</svg>
```

Tệp tô bảy đoạn 8 mm, cách nhau sáu khoảng 4 mm. Đường dẫn được lưu vẫn là `M10 10 H90`: một đường liên tục dài 80 mm.

Tiếp theo lưu `separate-segments.svg`:

```xml
<svg xmlns="http://www.w3.org/2000/svg"
     width="100mm" height="20mm" viewBox="0 0 100 20">
  <g fill="none" stroke="#0f766e"
     stroke-width="2" stroke-linecap="butt">
    <path d="M10 10 H18" />
    <path d="M22 10 H30" />
    <path d="M34 10 H42" />
    <path d="M46 10 H54" />
    <path d="M58 10 H66" />
    <path d="M70 10 H78" />
    <path d="M82 10 H90" />
  </g>
</svg>
```

Tệp này có bảy đường dẫn mở riêng. Tổng chiều dài là 56 mm và không có hình học nối băng qua sáu khoảng hở. Khoảng cách giữa hai điểm ngoài cùng vẫn là 80 mm. Cả hai ví dụ dùng đầu nét phẳng butt, nên phần tô dừng tại điểm cuối mỗi đoạn.

**Hình học SVG tự tạo**

![Kết xuất trình duyệt thực tế của SVG tự tạo, so sánh một đường dẫn tô nét đứt, bảy đoạn đường tâm riêng và bảy hình chữ nhật đường bao](https://perfectvector.com/blog/dashed-svg-laser-cut-paths/path-geometry-comparison.webp)

*Ảnh chụp trình duyệt của các tệp tự tạo. Hai hàng đầu có các dấu nét đứt giống nhau nhưng chiều dài đường dẫn lưu là 80 mm và 56 mm. Hàng ba cho thấy chu vi hình chữ nhật kín. Không hiển thị nhập ứng dụng laser hay cắt vật lý.*

Chúng tôi kiểm tra dữ liệu đường dẫn đã lưu và dùng phương thức trình duyệt `getTotalLength()` để kiểm tra hình học. Đường liên tục trả về 80 đơn vị người dùng; mỗi đoạn riêng trả về 8, tổng cộng 56. [MDN mô tả phương thức này](https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement/getTotalLength) là chiều dài đường dẫn do trình duyệt tính theo đơn vị người dùng. Đây là phép đo hình học, không phải thời gian công việc đo được hoặc đường chạy công cụ mà ứng dụng laser tạo ra.

Bạn có thể lặp lại chẩn đoán cơ bản không cần mã: mở lại từng tệp đã lưu, chọn đường dẫn bằng công cụ nút và kiểm tra điểm đầu cuối. Tệp đầu có lộ trình đi qua từng khoảng hở nhìn thấy. Tệp thứ hai có điểm đầu cuối ở hai phía mỗi khoảng. Một đường dẫn SVG cũng có thể chứa đường con không nối nhau, nên chỉ đếm phần tử đường dẫn là chưa đủ; kiểm tra chỗ mỗi lộ trình bắt đầu, dừng và khép kín.

## Sửa nguyên nhân phù hợp với tệp

### Khoảng hở chỉ tồn tại trong cách tô nét

Nếu bỏ kiểu nét đứt làm lộ một lộ trình liên tục, hãy chọn khoảng hở cần thuộc về tệp hay cài đặt công việc laser.

Để lưu khoảng hở trong SVG, làm việc trên bản sao của bản gốc:

1. Bỏ hiệu ứng nét đứt trang trí khỏi đường dẫn đang tạo lại.
2. Vẽ hoặc chia lộ trình thành các đoạn mở tại điểm đầu cuối nét đứt mong muốn.
3. Xóa phần nối cần trở thành khoảng hở. Với ví dụ thẳng, lặp đoạn 8 mm cách nhau 4 mm.
4. Kiểm tra kết quả bằng công cụ nút. Mỗi đoạn nét mong muốn cần một đường tâm và hai điểm đầu cuối.
5. Lưu SVG mới, mở lại và kiểm tra khoảng hở lần nữa. Xác nhận kích thước vật lý trước khi nhập ứng dụng laser.

Với lộ trình cong, đặt các chỗ ngắt dọc đường cong đó. Các số 8/4 ở đây giải thích một ví dụ thẳng; chúng không quy định lỗ đục phù hợp vật liệu của bạn. Kiểm tra lại đoạn ngắn ở đầu cuối, khúc cong và chỗ nối quanh hình kín.

### Mỗi đoạn nét thành một đường bao kín nhỏ

Lệnh bung nét hoặc chuyển nét thành đường dẫn có thể giữ đoạn nét nhìn thấy dưới dạng hình kín. Điều đó có thể phù hợp khi bạn muốn đường bao của khe. Đây là hình học khác với một đường ngắn đi dọc giữa đoạn nét.

Để có ví dụ thấy được độ rộng, chúng tôi cũng tự tạo bảy hình chữ nhật kín, mỗi hình 8 mm × 2 mm. Đường dẫn của một hình là:

```xml
<path d="M10 9 H18 V11 H10 Z" />
```

Chu vi của nó là 20 mm; bảy hình như vậy chứa 140 mm hình học đường bao kín. Nếu thao tác chạy theo các ranh giới đó, nó đi theo cả hai cạnh dài và hai đầu. Hình minh họa hiển thị đường bao để thấy rõ khác biệt. Phép tính này không xác định cách bộ nhập chưa được thử nghiệm xử lý hình.

Nếu bạn định dùng một đường tâm ngắn cho mỗi đoạn nét, hãy tạo lại các đường tâm đó thay vì chấp nhận các hộp. [Hướng dẫn SVG một nét](https://perfectvector.com/vi/blog/drawing-to-single-line-svg) giải thích cùng sự khác biệt giữa đường tâm và đường bao cho dấu vẽ. Nếu đường bao mong muốn cũng chứa bản trùng, dùng [hướng dẫn kiểm tra đường đôi](https://perfectvector.com/vi/blog/svg-cutting-double-lines) trước khi đổi cài đặt máy.

### Khoảng hở cần được đặt trong công việc LightBurn

Nếu bạn nắm công việc LightBurn và muốn khoảng cắt/bỏ qua điều chỉnh được, giữ lộ trình liên tục có thể hữu ích. [Tài liệu Line Mode](https://docs.lightburnsoftware.com/2.2/Reference/CutSettingsEditor/LineMode/#perforation-mode) hiện hành của LightBurn mô tả Perforation Mode với khoảng **Cut** và **Skip** riêng. Các cài đặt đó xác định nơi tia bật và tắt dọc lộ trình.

Chọn khoảng phù hợp thiết kế và vật liệu, rồi kiểm tra bản xem trước công việc. Tránh thêm mẫu đục thứ hai vào hình học vốn đã chia đoạn trừ khi mẫu bổ sung đó có chủ đích.

Nếu cần xuất hình học suy ra từ các cài đặt đó, LightBurn cũng mô tả [Generate Path From Cut](https://docs.lightburnsoftware.com/2.2/Reference/GeneratePathFromCut/). Lệnh tạo đường dẫn mới chứa thuộc tính như đục lỗ và giữ đối tượng gốc. Phân biệt rõ bản gốc và bản được tạo, đồng thời bảo đảm công việc cuối chỉ chứa bản mong muốn.

Đây là các phương án dựa trên tài liệu. Chúng tôi không chạy LightBurn, nhập tệp ví dụ vào đó hoặc vận hành laser trong minh họa này. Xác minh lộ trình và cài đặt trong ứng dụng của bạn, rồi thử vật liệu thực tế trước khi dùng thiết kế hoàn chỉnh.

## Tách hình khôi phục khỏi đường dẫn đục lỗ

Nếu họa tiết quanh nét đứt chỉ có dưới dạng PNG hoặc JPEG phẳng, [quy trình thiết kế cắt laser](https://perfectvector.com/vi/svg-for-laser-cutting) của PerfectVector có thể khôi phục hình SVG từ ảnh raster đó. So sánh hình bóng và khoảng trống khôi phục với nguồn trước khi đặt thiết kế vào công việc. Vector hóa tạo hình học từ pixel ảnh; nó không chọn khoảng cắt/bỏ qua hoặc thiết kế các đường tâm nét đứt trong ví dụ này.

Giữ hình đó và lộ trình đục được chủ ý vẽ thành đối tượng riêng. Đoạn nét dày được đồ lại có thể thành vùng có đường bao, trong khi công việc cần một đường tâm mở. Nếu đã có thiết kế vector dùng được, giữ lại và chỉnh trực tiếp lộ trình nét đứt. [Hướng dẫn chuẩn bị SVG laser tổng quát](https://perfectvector.com/vi/blog/image-to-svg-for-laser-cutting) trình bày các kiểm tra rộng hơn về cắt so với khắc và nhập tệp.

## Xác minh tệp đã lưu và bản xem trước đích

Trước khi chấp nhận SVG, kiểm tra tệp xuất thực tế:

* Kích thước vật lý của trang và thiết kế khớp hồ sơ thiết kế.
* Mỗi khoảng hở mong muốn không có đường tâm nối, trừ khi cài đặt công việc tạo khoảng hở sau đó.
* Các đoạn nét mong muốn là đoạn mở; đường bao nét kín chỉ xuất hiện khi bạn muốn chính các ranh giới đó.
* Lộ trình gốc và hình học thay thế không bị giữ đồng thời trong công việc cuối.
* Bản xem trước đích hiển thị các thao tác và chỗ ngắt mong muốn.

Nếu bản xem trước vẫn cho thấy đường liền, kiểm tra riêng hình học đã nhập và cài đặt đục lỗ của công việc. Nếu có hai mép quanh mỗi đoạn nét, kiểm tra các hình đường bao. Nếu chiều dài khoảng hở đổi, kiểm tra tỷ lệ nhập trước khi chỉnh từng đoạn. Trình duyệt có thể xác nhận cách hiển thị và hình học SVG; bản xem trước đích cùng thử vật liệu trả lời các câu hỏi sản xuất còn lại.

## Câu hỏi thường gặp

**Tại sao nét đứt SVG thành đường liền sau khi nhập?**
Tệp có thể chứa một đường dẫn liên tục với kiểu nét đứt. Kiểm tra hình học đã lưu và cài đặt thao tác của đích. Tạo đoạn không nối khi khoảng hở phải tồn tại trong SVG, hoặc dùng cài đặt đục lỗ được tài liệu mô tả trong công việc.

**Chuyển nét đứt thành đường dẫn đã đủ chưa?**
Kiểm tra kết quả. Bung nét có thể tạo đường bao kín quanh các đoạn. Giữ chúng nếu muốn ranh giới đó; tạo lại đường tâm mở nếu mỗi đoạn cần là một lộ trình ngắn.

**LightBurn có thể tạo nét đứt thay không?**
LightBurn mô tả Perforation Mode với khoảng Cut và Skip dọc lộ trình. Kiểm tra bản xem trước và vật liệu. Bài này xác minh hình học SVG, không gồm nhập LightBurn được thử nghiệm hay cắt vật lý.

**Vector hóa PNG nét đứt có tạo đường dẫn đục lỗ không?**
Đừng mặc định như vậy. Vector hóa khôi phục hình học từ pixel nhìn thấy; đường tâm nét đứt và khoảng cắt/bỏ qua vẫn là quyết định thiết kế riêng. Kiểm tra đường dẫn kết quả trước khi gán thao tác.

## Nguồn

1. [W3C — Nét đứt SVG](https://www.w3.org/TR/SVG2/painting.html#StrokeDashing) — phân biệt hình học đường dẫn với cách tô nét, định nghĩa chiều dài nét đứt và xử lý đầu nét.
2. [Ponoko — Nét đứt và các hình thức khác](https://help.ponoko.com/en/articles/4429521-dashed-lines-and-other-appearances) — đưa hướng dẫn đường riêng theo nhà cung cấp và giải thích kết quả hộp đường bao.
3. [MDN — SVGGeometryElement.getTotalLength()](https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement/getTotalLength) — định nghĩa phép đo chiều dài đường dẫn do trình duyệt tính dùng trong ví dụ.
4. [LightBurn — Line Mode](https://docs.lightburnsoftware.com/2.2/Reference/CutSettingsEditor/LineMode/#perforation-mode) — mô tả khoảng Cut và Skip cho Perforation Mode.
5. [LightBurn — Generate Path From Cut](https://docs.lightburnsoftware.com/2.2/Reference/GeneratePathFromCut/) — mô tả hình học được tạo và việc giữ đối tượng gốc.
6. [PerfectVector — Thiết kế SVG để cắt laser](https://perfectvector.com/svg-for-laser-cutting) — mô tả giai đoạn chuyển đổi thiết kế raster dùng trong phần giới thiệu sản phẩm có điều kiện.

Bắt đầu từ họa tiết raster? [Khôi phục thiết kế SVG của nó](https://perfectvector.com/vi/svg-for-laser-cutting), so sánh đường bao với nguồn, rồi thiết kế riêng lộ trình nét đứt và xác minh toàn bộ công việc trong bản xem trước ứng dụng laser.

## Explore

- [Read the HTML article](https://perfectvector.com/vi/blog/dashed-svg-laser-cut-paths)
- [Ảnh sang SVG cho WeCreat MakeIt: nhập đường dẫn sạch](https://perfectvector.com/vi/blog/wecreat-svg-import.md)
- [Đường tạo nếp và đường cắt SVG: Đọc hình học](https://perfectvector.com/vi/blog/svg-score-lines-vs-cut-lines.md)
- [Product facts](https://perfectvector.com/product-facts.md)
- [FAQ](https://perfectvector.com/faq.md)
- [Pricing and credits](https://perfectvector.com/pricing.md)
