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

# Líneas SVG discontinuas para láser: revisa los trazados

> Diagnostica líneas SVG discontinuas que se vuelven continuas en la vista previa del láser. Compara pintura de trazo, líneas centrales separadas y guiones con contorno.

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

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

Si un SVG se ve discontinuo en tu editor, pero se convierte en una línea continua en la vista previa del láser, inspecciona los trazados guardados. Un ajuste de guiones puede pintar espacios a lo largo de un solo trazado continuo sin eliminar geometría. Cuando los espacios deban existir en el archivo guardado, crea segmentos separados de línea central. Si controlas el trabajo en LightBurn, su modo de perforación documentado ofrece otra opción: conserva un trazado continuo y especifica allí las distancias de corte y salto.

Esta guía te ayuda a diagnosticar y preparar el propio SVG. Los ejemplos originales siguientes se guardaron, inspeccionaron y renderizaron en un navegador. Demuestran la geometría de los archivos; no acreditan una importación correcta en una aplicación de láser ni un corte físico. Conserva un maestro intacto, usa un editor que muestre los extremos de los trazados y ten disponible la vista previa de la aplicación de destino para la comprobación final.

## Un trazo discontinuo aún puede ser un solo trazado continuo

SVG, Scalable Vector Graphics, almacena formas y trazados. Un **trazado** describe geometría; un **trazo** pinta a lo largo de esa geometría. Una **línea central** es el recorrido por el centro de una marca. En cambio, un guion convertido en contorno tiene un límite cerrado alrededor del ancho de la marca.

La [especificación de pintura de SVG](https://www.w3.org/TR/SVG2/painting.html#StrokeDashing) define `stroke-dasharray` como longitudes alternadas pintadas y sin pintar a lo largo de un trazado. Añadir `stroke-dasharray="8 4"` cambia el aspecto del trazo. No reescribe los datos `d` del trazado en piezas separadas.

Esa diferencia importa al entregar archivos para fabricación. La [guía de preparación de líneas discontinuas de Ponoko](https://help.ponoko.com/en/articles/4429521-dashed-lines-and-other-appearances) recomienda específicamente líneas continuas pequeñas y separadas y advierte que expandir un trazo discontinuo puede producir cajitas. Su guía describe los requisitos de preparación de Ponoko, no los importadores SVG de todas las aplicaciones de láser.

Para bordes decorativos que seguirán en pantalla, puede ser útil conservar la pintura de trazo editable. La [guía de contornos punteados](https://perfectvector.com/es/blog/svg-dotted-outlines) explica la forma de los extremos y el espaciado visible. Un trabajo de láser necesita una decisión separada sobre la geometría y la operación previstas.

## Compara dos aspectos iguales con geometría diferente

Estos SVG originales usan una página de 100 mm por 20 mm con `viewBox="0 0 100 20"`. Con esa correspondencia, una unidad de usuario equivale a un milímetro. La línea va de x=10 a x=90, un tramo de 80 mm. El trazo de 2 unidades siguiente permite ver la comparación; no es un ajuste de láser ni un ancho de corte recomendado.

Primero, guarda esto como `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>
```

Pinta siete guiones de 8 mm separados por seis espacios de 4 mm. El trazado guardado sigue siendo `M10 10 H90`: una sola línea continua de 80 mm.

Ahora guarda `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>
```

Este archivo tiene siete trazados abiertos separados. Sus longitudes suman 56 mm y ninguna geometría de conexión atraviesa los seis espacios. La distancia entre los extremos exteriores sigue siendo de 80 mm. Ambos ejemplos usan extremos rectos, por lo que el trazo pintado termina en cada extremo del guion.

**Geometría SVG original**

![Renderizado real en navegador de SVG originales que compara un trazado pintado con guiones, siete segmentos de línea central separados y siete rectángulos de contorno de guion](https://perfectvector.com/blog/dashed-svg-laser-cut-paths/path-geometry-comparison.webp)

*Captura en navegador de los archivos originales. Las dos primeras filas muestran marcas de guion iguales, pero 80 mm y 56 mm de longitud de trazado guardada. La tercera muestra perímetros rectangulares cerrados. No se muestra una importación en una aplicación de láser ni un corte físico.*

Inspeccionamos los datos de los trazados guardados y usamos el método `getTotalLength()` del navegador para comprobar la geometría. El trazado continuo devolvió 80 unidades de usuario; cada segmento separado devolvió 8, con un total de 56. [MDN documenta este método](https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement/getTotalLength) como la longitud del trazado calculada por el navegador en unidades de usuario. Son mediciones geométricas, no tiempo de trabajo medido ni una trayectoria de herramienta generada por una aplicación de láser.

Puedes repetir el diagnóstico básico sin código: vuelve a abrir cada archivo guardado, selecciona sus trazados con la herramienta de nodos e inspecciona los extremos. El primer archivo tiene un recorrido que atraviesa cada espacio visible. El segundo tiene extremos a ambos lados de cada espacio. Un solo trazado SVG también puede contener subtrazados desconectados, así que contar únicamente los elementos de trazado no basta; comprueba dónde empieza, termina y se cierra cada recorrido.

## Corrige la causa que corresponda a tu archivo

### Los espacios solo existen en la pintura del trazo

Si eliminar el estilo de guiones revela un recorrido continuo, elige si los espacios deben estar en el archivo o en los ajustes del trabajo de láser.

Para guardar los espacios en el SVG, trabaja sobre un duplicado del maestro:

1. Elimina el efecto decorativo de guiones del trazado que vas a reconstruir.
2. Dibuja o divide el recorrido en segmentos abiertos en los extremos previstos de los guiones.
3. Borra las secciones de conexión que deban ser espacios. Para el ejemplo recto, repite segmentos de 8 mm con espacios de 4 mm.
4. Inspecciona el resultado con la herramienta de nodos. Cada guion previsto debe tener una línea central y dos extremos.
5. Guarda un SVG nuevo, vuelve a abrirlo e inspecciona otra vez los espacios. Confirma las dimensiones físicas antes de importarlo en la aplicación de láser.

Para un recorrido curvo, coloca las interrupciones a lo largo de esa curva. Los valores 8/4 de aquí explican un ejemplo recto; no especifican perforaciones adecuadas para tu material. Vuelve a comprobar los segmentos cortos de los extremos, las curvas y cualquier unión alrededor de una forma cerrada.

### Cada guion se convirtió en un contorno cerrado pequeño

Un comando de expansión o de conversión de trazo a trazado puede conservar el guion visible como una forma cerrada. Eso puede ser apropiado si quieres el contorno de una ranura. Es una geometría diferente de una línea corta por el centro del guion.

Para un ejemplo de ancho visible, también creamos siete rectángulos cerrados de 8 mm por 2 mm cada uno. El trazado de un rectángulo es:

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

Su perímetro es de 20 mm; siete rectángulos así contienen 140 mm de geometría de contorno cerrado. Si una operación sigue esos límites, recorre ambos lados largos y los extremos. La figura muestra los contornos para hacer visible esa diferencia. Este cálculo no establece cómo procesa las formas un importador no probado.

Si querías una línea central corta en cada guion, reconstruye esas líneas centrales en lugar de aceptar las cajas. La [guía de SVG de una sola línea](https://perfectvector.com/es/blog/drawing-to-single-line-svg) explica la misma distinción entre línea central y contorno para marcas dibujadas. Si los contornos previstos también contienen duplicados, usa la [guía de inspección de líneas dobles](https://perfectvector.com/es/blog/svg-cutting-double-lines) antes de cambiar los ajustes de la máquina.

### Los espacios pertenecen al trabajo de LightBurn

Si controlas el trabajo de LightBurn y quieres intervalos ajustables de corte y salto, puede ser útil conservar un recorrido continuo. La [documentación actual del modo Línea de LightBurn](https://docs.lightburnsoftware.com/2.2/Reference/CutSettingsEditor/LineMode/#perforation-mode) describe el modo de perforación con distancias separadas de **Cut (corte)** y **Skip (salto)**. Esos ajustes del trabajo especifican dónde se enciende y se apaga el haz a lo largo del recorrido.

Elige las distancias para tu diseño y material e inspecciona después la vista previa del trabajo. Evita añadir un segundo patrón de perforación a una geometría ya separada, salvo que ese patrón adicional sea intencional.

Si necesitas exportar geometría derivada de esos ajustes, LightBurn también documenta [Generate Path From Cut (generar trazado a partir del corte)](https://docs.lightburnsoftware.com/2.2/Reference/GeneratePathFromCut/). Crea trazados nuevos que incluyen propiedades como las perforaciones y conserva los objetos originales. Mantén distinguibles las versiones original y generada y asegúrate de que el trabajo final contenga solo la versión prevista.

Son alternativas basadas en documentación. No ejecutamos LightBurn, no importamos allí los archivos de ejemplo ni operamos un láser en esta demostración. Verifica el recorrido y los ajustes en tu propia aplicación y prueba el material real antes de usar el diseño terminado.

## Separa el diseño recuperado de los trazados de perforación

Si el motivo que rodea tu línea discontinua solo existe como PNG o JPEG plano, el [flujo de diseños para corte láser](https://perfectvector.com/es/svg-for-laser-cutting) de PerfectVector puede recuperar formas SVG de esa imagen ráster. Compara la silueta y las aberturas recuperadas con la fuente antes de colocar el diseño en el trabajo. La vectorización crea geometría a partir de píxeles; no elige intervalos de corte y salto ni diseña las líneas centrales discontinuas de estos ejemplos.

Conserva ese diseño y el recorrido de perforación dibujado deliberadamente como objetos separados. Un guion grueso vectorizado puede convertirse en una región con contorno, mientras que tu trabajo quizá necesite una sola línea central abierta. Si ya tienes un diseño vectorial utilizable, consérvalo y edita directamente el recorrido discontinuo. La [guía general de preparación de SVG para láser](https://perfectvector.com/es/blog/image-to-svg-for-laser-cutting) explica las comprobaciones más amplias de corte frente a grabado e importación.

## Verifica el archivo guardado y la vista previa de destino

Antes de aceptar el SVG, comprueba el archivo realmente exportado:

* Las dimensiones físicas de la página y del diseño coinciden con el registro del diseño.
* Ningún espacio previsto tiene una línea central de conexión, salvo que un ajuste del trabajo cree el espacio más adelante.
* Los guiones que deben ser líneas son segmentos abiertos; los contornos cerrados de guion solo están presentes cuando se necesitan esos límites.
* Los recorridos originales y la geometría de sustitución no se han dejado ambos en el trabajo final.
* La vista previa de destino muestra las operaciones y las interrupciones previstas.

Si la vista previa aún muestra un recorrido continuo, inspecciona por separado la geometría importada y los ajustes de perforación del trabajo. Si muestra dos bordes alrededor de cada guion, busca formas con contorno. Si cambian las longitudes de los espacios, comprueba la escala de importación antes de editar segmentos individuales. Un navegador puede confirmar el renderizado y la geometría SVG; la vista previa de destino y una prueba de material responden las preguntas de producción restantes.

## Preguntas frecuentes

**¿Por qué mi SVG discontinuo se vuelve continuo después de importarlo?**
El archivo puede contener un trazado continuo con un estilo de trazo discontinuo. Inspecciona la geometría guardada y los ajustes de operación del destino. Crea segmentos desconectados si los espacios deben existir en el SVG o usa un ajuste de perforación documentado en el trabajo.

**¿Basta con convertir un trazo discontinuo en trazado?**
Inspecciona el resultado. Expandir un trazo puede crear contornos cerrados alrededor de los guiones. Consérvalos si quieres sus límites; reconstruye líneas centrales abiertas si cada guion debe ser un recorrido corto.

**¿Puede LightBurn crear los guiones?**
LightBurn documenta el modo de perforación con distancias Cut y Skip a lo largo de un recorrido. Comprueba su vista previa y tu material. Este artículo verifica la geometría SVG y no incluye una importación probada en LightBurn ni un corte físico.

**¿Vectorizar un PNG discontinuo creará trazados de perforación?**
No lo des por hecho. La vectorización recupera geometría de los píxeles visibles; las líneas centrales discontinuas y los intervalos de corte y salto siguen siendo decisiones de diseño separadas. Inspecciona los trazados resultantes antes de asignar operaciones.

## Fuentes

1. [W3C — Guiones de trazo SVG](https://www.w3.org/TR/SVG2/painting.html#StrokeDashing) — distingue la geometría de trazado de la pintura de trazo y define longitudes de guion y tratamiento de extremos.
2. [Ponoko — Líneas discontinuas y otros aspectos](https://help.ponoko.com/en/articles/4429521-dashed-lines-and-other-appearances) — proporciona instrucciones de líneas separadas específicas del proveedor y explica el resultado de cajas con contorno.
3. [MDN — SVGGeometryElement.getTotalLength()](https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement/getTotalLength) — define la medición de longitud de trazado calculada por el navegador que usa el ejemplo.
4. [LightBurn — Modo Línea](https://docs.lightburnsoftware.com/2.2/Reference/CutSettingsEditor/LineMode/#perforation-mode) — documenta las distancias Cut y Skip del modo de perforación.
5. [LightBurn — Generar trazado a partir del corte](https://docs.lightburnsoftware.com/2.2/Reference/GeneratePathFromCut/) — documenta la geometría generada y la conservación de los objetos originales.
6. [PerfectVector — Diseños SVG para corte láser](https://perfectvector.com/svg-for-laser-cutting) — describe la etapa de conversión de diseños ráster usada en la conexión condicional con el producto.

¿Empiezas con un motivo ráster? [Recupera su diseño SVG](https://perfectvector.com/es/svg-for-laser-cutting), compara sus contornos con la fuente, diseña después el recorrido discontinuo por separado y verifica el trabajo completo en la vista previa de tu aplicación de láser.

## Explore

- [Read the HTML article](https://perfectvector.com/es/blog/dashed-svg-laser-cut-paths)
- [De imagen a SVG para WeCreat MakeIt: importa trazados limpios](https://perfectvector.com/es/blog/wecreat-svg-import.md)
- [Líneas SVG de hendido y corte: lee la geometría](https://perfectvector.com/es/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)
