> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions. # 레이저 절단용 파선 SVG: 경로 확인하기 > 레이저 미리보기에서 실선이 되는 파선 SVG를 진단하세요. 파일을 준비하기 전에 스트로크 채색, 별도 중심선, 윤곽으로 바뀐 대시를 비교합니다. Source: https://perfectvector.com/ko/blog/dashed-svg-laser-cut-paths Language: ko Author: Irene Kim Published: 2026-10-08T08:00:00+09:00 Updated: 2026-10-08T08:00:00+09:00 SVG가 편집기에서는 파선인데 레이저 미리보기에서 실선이 된다면 저장된 경로를 확인하세요. 대시 설정은 연속 경로 하나에서 도형을 제거하지 않고도 칠하지 않는 틈을 만들 수 있습니다. 저장 파일 자체에 틈이 있어야 한다면 별도 중심선 선분을 만드세요. LightBurn에서 작업을 제어한다면 문서의 Perforation Mode라는 다른 방법도 있습니다. 연속 경로를 유지하고 그곳에서 절단·건너뛰기 거리를 지정합니다. 이 안내는 SVG 자체를 진단하고 준비하도록 돕습니다. 아래 원본 예제는 저장하고 점검한 뒤 브라우저에서 렌더링했습니다. 파일 도형을 보여 주며 레이저 애플리케이션의 성공적인 가져오기나 실제 절단을 입증하지는 않습니다. 손대지 않은 원본을 보관하고, 경로 끝점을 표시하는 편집기를 사용하며, 최종 점검을 위해 대상 애플리케이션의 미리보기를 준비하세요. ## 파선 스트로크도 연속 경로 하나일 수 있습니다 SVG(Scalable Vector Graphics)는 도형과 경로를 저장합니다. **경로**는 도형을 설명하고 **스트로크**는 그 도형을 따라 칠합니다. **중심선**은 표시의 가운데를 지나는 경로입니다. 반면 윤곽으로 변환한 대시는 표시 너비 주변의 닫힌 경계를 가집니다. [SVG 채색 규격](https://www.w3.org/TR/SVG2/painting.html#StrokeDashing)은 `stroke-dasharray`를 경로를 따라 번갈아 칠하거나 칠하지 않는 길이로 정의합니다. `stroke-dasharray="8 4"`를 더하면 스트로크 외관이 바뀝니다. 경로의 `d` 데이터를 여러 조각으로 다시 쓰지는 않습니다. 제작 파일 전달에서 이 차이는 중요합니다. Ponoko의 [파선 준비 가이드](https://help.ponoko.com/en/articles/4429521-dashed-lines-and-other-appearances)는 별도의 작은 실선을 명시적으로 권장하며, 파선 스트로크를 확장하면 작은 상자가 생길 수 있다고 경고합니다. Ponoko의 준비 요건을 설명하며 모든 레이저 애플리케이션의 SVG 가져오기를 다루지는 않습니다. 화면에 남을 장식 테두리에는 편집 가능한 스트로크 채색을 유지하는 것이 유용할 수 있습니다. [점선 윤곽 가이드](https://perfectvector.com/ko/blog/svg-dotted-outlines)는 끝 모양과 가시 간격을 다룹니다. 레이저 작업에는 의도한 도형과 작업에 대한 별도 결정이 필요합니다. ## 외관은 같지만 도형이 다른 두 예제 비교하기 직접 작성한 이 SVG들은 모두 `viewBox="0 0 100 20"`인 100 mm × 20 mm 페이지를 사용합니다. 이 매핑에서 사용자 단위 하나는 1밀리미터입니다. 선은 x=10에서 x=90까지 80 mm에 걸쳐 있습니다. 아래 2단위 스트로크는 비교를 보이게 할 뿐 레이저 설정이나 권장 절단 너비가 아닙니다. 먼저 다음을 `painted-dashes.svg`로 저장하세요. ```xml ``` 8 mm 대시 일곱 개를 4 mm 틈 여섯 개로 나누어 칠합니다. 저장 경로는 여전히 `M10 10 H90`, 즉 80 mm 연속 선 하나입니다. 이제 `separate-segments.svg`를 저장하세요. ```xml ``` 이 파일에는 별도의 열린 경로 일곱 개가 있습니다. 길이 합은 56 mm이며 여섯 틈을 가로지르는 연결 도형은 없습니다. 바깥 끝점 간 범위는 여전히 80 mm입니다. 두 예제 모두 끝을 평평하게 끊으므로 칠한 스트로크가 각 대시 끝점에서 멈춥니다. **직접 작성한 SVG 도형** ![직접 작성한 SVG의 실제 브라우저 렌더링으로 파선 채색 경로 하나, 별도 중심선 선분 일곱 개, 윤곽 대시 사각형 일곱 개를 비교한 그림](https://perfectvector.com/blog/dashed-svg-laser-cut-paths/path-geometry-comparison.webp) *작성 파일의 브라우저 캡처입니다. 첫 두 행은 같은 대시 표시지만 저장 경로 길이가 80 mm와 56 mm입니다. 세 번째는 닫힌 사각형 둘레를 드러냅니다. 레이저 앱 가져오기나 실제 절단은 아닙니다.* 저장 경로 데이터를 점검하고 브라우저의 `getTotalLength()` 메서드로 도형을 확인했습니다. 연속 경로는 80사용자 단위를, 각 별도 선분은 8을 반환해 합이 56이었습니다. [MDN은 이 메서드](https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement/getTotalLength)를 브라우저가 계산한 사용자 단위 경로 길이로 설명합니다. 도형 측정이며 실제 작업 시간이나 레이저 애플리케이션이 생성한 도구 경로 측정이 아닙니다. 코드 없이 기본 진단을 반복할 수 있습니다. 저장 파일을 다시 열어 노드 도구로 경로를 선택하고 끝점을 확인하세요. 첫 파일에는 각 가시 틈을 가로지르는 경로가 있습니다. 두 번째는 모든 틈 양쪽에 끝점이 있습니다. SVG 경로 하나에 분리된 하위 경로가 들어갈 수도 있으므로 경로 요소 수만 세어서는 부족합니다. 각 경로가 어디서 시작하고 끝나고 닫히는지 확인하세요. ## 파일에 맞는 원인 고치기 ### 틈이 스트로크 채색에만 있는 경우 대시 스타일을 제거하자 연속 경로 하나가 나타난다면 틈을 파일에 넣을지 레이저 작업 설정에 넣을지 선택하세요. SVG에 틈을 저장하려면 원본의 복제본으로 작업합니다. 1. 다시 만드는 경로에서 장식용 대시 효과를 제거합니다. 2. 의도한 대시 끝점에서 경로를 열린 선분으로 그리거나 나눕니다. 3. 틈이어야 할 연결 구간을 지웁니다. 직선 예제에서는 8 mm 선분과 4 mm 공간을 반복합니다. 4. 노드 도구로 결과를 확인합니다. 의도한 각 대시에는 중심선 하나와 끝점 두 개가 있어야 합니다. 5. 새 SVG를 저장하고 다시 열어 틈을 재확인합니다. 레이저 애플리케이션으로 가져오기 전에 실물 치수를 확인하세요. 곡선 경로에서는 곡선을 따라 끊을 위치를 정하세요. 여기의 8/4 수치는 직선 예제 하나를 설명하며 재료에 적절한 절취선 규격이 아닙니다. 짧은 끝 선분, 굽은 부분, 닫힌 도형의 연결부를 다시 확인하세요. ### 각 대시가 작은 닫힌 윤곽이 된 경우 확장이나 스트로크-경로 변환 명령은 보이는 대시를 닫힌 도형으로 보존할 수 있습니다. 슬롯 윤곽을 원할 때는 적절할 수 있습니다. 대시 가운데를 지나는 짧은 선 하나와는 다른 도형입니다. 너비를 보이게 하는 예제로 각각 8 mm × 2 mm인 닫힌 사각형 일곱 개도 직접 작성했습니다. 사각형 하나의 경로는 다음과 같습니다. ```xml ``` 둘레는 20 mm이므로 사각형 일곱 개에는 닫힌 윤곽 도형이 140 mm 들어 있습니다. 작업이 이 경계를 따르면 두 긴 변과 양 끝을 모두 따릅니다. 그림은 차이가 보이도록 윤곽을 표시합니다. 이 계산은 시험하지 않은 가져오기 도구가 도형을 어떻게 처리할지 입증하지 않습니다. 각 대시에 짧은 중심선을 의도했다면 상자를 받아들이지 말고 중심선을 다시 만드세요. [단일 선 SVG 가이드](https://perfectvector.com/ko/blog/drawing-to-single-line-svg)는 그려진 표시에서 같은 중심선·윤곽 차이를 설명합니다. 의도한 윤곽에 중복도 있다면 기계 설정을 바꾸기 전에 [이중 선 점검 가이드](https://perfectvector.com/ko/blog/svg-cutting-double-lines)를 사용하세요. ### 틈을 LightBurn 작업에서 만드는 경우 LightBurn 작업을 직접 제어하며 절단·건너뛰기 간격을 조절하려면 연속 경로 유지가 유용할 수 있습니다. 현재 [Line Mode 문서](https://docs.lightburnsoftware.com/2.2/Reference/CutSettingsEditor/LineMode/#perforation-mode)는 별도의 **Cut**과 **Skip** 거리를 가진 Perforation Mode를 설명합니다. 작업 설정은 경로에서 빔을 켜고 끄는 위치를 지정합니다. 디자인과 재료에 맞게 거리를 선택한 다음 작업 미리보기를 확인하세요. 추가 패턴이 의도한 것이 아니라면 이미 분리된 도형에 두 번째 절취선 패턴을 더하지 마세요. 설정에서 파생된 도형을 내보내야 한다면 LightBurn은 [Generate Path From Cut](https://docs.lightburnsoftware.com/2.2/Reference/GeneratePathFromCut/)도 문서화합니다. 절취선 같은 속성을 포함하는 새 경로를 만들고 원래 객체도 유지합니다. 원래 버전과 생성 버전을 구분해 두고 최종 작업에는 의도한 버전만 포함하세요. 문서에 근거한 대안들입니다. 이 시연에서 LightBurn을 실행하거나 예제 파일을 가져오거나 레이저를 작동시키지는 않았습니다. 완성 디자인을 쓰기 전에 자신의 애플리케이션에서 경로와 설정을 확인하고 실제 재료를 시험하세요. ## 복원 그림과 절취선 경로 분리하기 파선 주변 무늬가 평면 PNG나 JPEG로만 있다면 PerfectVector의 [레이저 절단 그림 과정](https://perfectvector.com/ko/svg-for-laser-cutting)으로 그 래스터에서 SVG 도형을 복원할 수 있습니다. 작업에 배치하기 전에 복원한 실루엣과 구멍을 원본과 비교하세요. 벡터화는 이미지 픽셀에서 도형을 만듭니다. 절단·건너뛰기 간격을 고르거나 이 예제의 파선 중심선을 디자인하지는 않습니다. 그림과 의도적으로 그린 절취선 경로를 별도 객체로 유지하세요. 굵은 대시를 트레이싱하면 윤곽이 있는 영역이 될 수 있지만 작업에는 열린 중심선 하나가 필요할 수 있습니다. 사용 가능한 벡터 그림이 이미 있다면 유지하고 파선 경로를 직접 편집하세요. [일반 레이저 SVG 준비 가이드](https://perfectvector.com/ko/blog/image-to-svg-for-laser-cutting)는 더 넓은 절단·각인 및 가져오기 점검을 다룹니다. ## 저장 파일과 대상 미리보기 확인하기 SVG를 확정하기 전에 실제 출력 파일을 확인하세요. * 실물 페이지와 그림 치수가 디자인 기록과 일치합니다. * 작업 설정으로 나중에 틈을 만드는 경우를 제외하면 각 의도한 틈에 연결 중심선이 없습니다. * 의도한 선 대시는 열린 선분입니다. 닫힌 대시 윤곽은 그 경계가 필요할 때만 있습니다. * 원래 경로와 대체 도형을 최종 작업에 둘 다 남겨 두지 않았습니다. * 대상 미리보기에 의도한 작업과 끊김이 표시됩니다. 미리보기에 계속 실선 경로가 나타나면 가져온 도형과 작업의 절취선 설정을 따로 확인하세요. 각 대시 주변에 두 가장자리가 보이면 윤곽 도형을 점검합니다. 틈 길이가 바뀌면 개별 선분을 고치기 전에 가져오기 배율을 확인하세요. 브라우저는 SVG 렌더링과 도형을 확인할 수 있습니다. 나머지 제작 문제는 대상 미리보기와 재료 시험으로 확인합니다. ## 자주 묻는 질문 **파선 SVG를 가져오면 실선이 되는 이유는 무엇인가요?** 파일에 파선 스트로크 스타일을 가진 연속 경로 하나가 있을 수 있습니다. 저장 도형과 대상의 작업 설정을 확인하세요. SVG 자체에 틈이 필요하면 분리된 선분을 만들고, 아니면 작업의 문서화된 절취선 설정을 사용합니다. **파선 스트로크를 경로로 바꾸면 충분한가요?** 결과를 확인하세요. 스트로크 확장은 대시 주변에 닫힌 윤곽을 만들 수 있습니다. 경계가 필요하다면 유지하고 각 대시가 짧은 경로 하나여야 한다면 열린 중심선을 다시 만드세요. **LightBurn에서 대신 대시를 만들 수 있나요?** LightBurn은 경로를 따라 Cut과 Skip 거리를 정하는 Perforation Mode를 문서화합니다. 미리보기와 재료를 확인하세요. 이 글은 SVG 도형을 검증하며 시험한 LightBurn 가져오기나 실제 절단을 포함하지 않습니다. **파선 PNG를 벡터화하면 절취선 경로가 만들어지나요?** 그렇게 가정하지 마세요. 벡터화는 보이는 픽셀에서 도형을 복원합니다. 파선 중심선과 절단·건너뛰기 간격은 별도 디자인 결정입니다. 작업을 지정하기 전에 결과 경로를 점검하세요. ## 출처 1. [W3C — SVG 대시 선](https://www.w3.org/TR/SVG2/painting.html#StrokeDashing) — 경로 도형과 스트로크 채색을 구분하고 대시 길이·끝 모양 처리를 정의합니다. 2. [Ponoko — 파선과 다른 외관 효과](https://help.ponoko.com/en/articles/4429521-dashed-lines-and-other-appearances) — 제작업체별 별도 선 지침과 윤곽 상자 결과를 설명합니다. 3. [MDN — SVGGeometryElement.getTotalLength()](https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement/getTotalLength) — 예제에서 사용한 브라우저 계산 경로 길이 측정을 정의합니다. 4. [LightBurn — Line Mode](https://docs.lightburnsoftware.com/2.2/Reference/CutSettingsEditor/LineMode/#perforation-mode) — Perforation Mode의 Cut과 Skip 거리를 문서화합니다. 5. [LightBurn — Generate Path From Cut](https://docs.lightburnsoftware.com/2.2/Reference/GeneratePathFromCut/) — 생성 도형과 원래 객체 보존을 문서화합니다. 6. [PerfectVector — 레이저 절단용 SVG 그림](https://perfectvector.com/svg-for-laser-cutting) — 조건부 제품 연결에서 사용한 래스터 그림 변환 단계를 설명합니다. 래스터 무늬에서 시작하나요? [SVG 그림을 복원](https://perfectvector.com/ko/svg-for-laser-cutting)하고 윤곽을 원본과 비교한 뒤 파선 경로를 따로 디자인하고 레이저 애플리케이션 미리보기에서 전체 작업을 확인하세요. ## Explore - [Read the HTML article](https://perfectvector.com/ko/blog/dashed-svg-laser-cut-paths) - [WeCreat MakeIt용 이미지를 SVG로 변환: 깔끔한 경로 가져오기](https://perfectvector.com/ko/blog/wecreat-svg-import.md) - [SVG 접는 선과 자르는 선: 도형 구조 읽기](https://perfectvector.com/ko/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)