es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cambiar los caminos SVG para que se recorten según el elemento clipPath.

14 Jul, 2023 Programación

Tengo un archivo SVG que se ve así:

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 576 576">
  <defs>
    <style>...</style>
    <clippath id="clip-path">
      <rect class="cls-1" x="0.02" width="575.04" height="576"></rect>
    </clippath>
  </defs>
  <g class="cls-2">
    <path class="cls-3" d="M137.91-147.28c-4-1.67-8.25-3.46-12.37-3.86-5.43-.53-9.26,1.73-12.55,5a18.75,18.75,0,0,0-4.69-9.42,19.23,19.23,0,0,0-6.45-...
    <path class=" cls-4"="" d="M.08,502.59c-.79-5.67-6.22-4.3-5.81-.22a17.15,17.15,0,0,1,0,2.95c-.22,2.82-1.46,7.6-5,7.61-1.35,0-2.61-1-3.12...
    ...
</svg>

Quiero cambiarlo de tal manera que:
– no haya agrupación (esto es fácil)
– cambiar los elementos path, rect, etc. para que se recorten según lo que está en el elemento clipPath. El elemento clipPath ya no debe estar presente en el SVG (porque ya no es necesario).

He intentado esto:

bash
inkscape --actions \
" select-all:groups;="" selectionungroup;="" objectunsetclippath;="" export-filename:output.svg;="" export-plain-svg;="" export-do;"="" \="" decorations.svg=""=”” esto=”” elimina=”” la=”” agrupación,=”” pero=”” los=”” elementos=””>path no están recortados. El elemento clipPath todavía está presente.

Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para eliminar la agrupación y recortar los elementos path, rect, etc. según el elemento clipPath, puedes seguir los siguientes pasos utilizando Inkscape:

    1. Abre el archivo SVG en Inkscape.
    2. Selecciona todos los elementos (Ctrl+A o Cmd+A).
    3. Ve a Objeto > Recortar > Establecer en la barra de menú. Esto aplicará el recorte a todos los elementos seleccionados según el elemento clipPath.
    4. Elimina el elemento clipPath seleccionándolo y presionando la tecla Delete.
    5. Exporta el archivo SVG modificado yendo a Archivo > Guardar como y seleccionando “SVG Plano” como tipo de archivo.

    Alternativamente, puedes usar el siguiente comando en la terminal para lograr el mismo resultado:

    inkscape --actions "select-all; ObjectToClip; SelectionUnGroup; ObjectDelete; export-filename:output.svg; export-plain-svg; export-do" Decorations.svg

    Este comando selecciona todos los elementos, les aplica el recorte, los desagrupa, elimina el elemento clipPath y exporta el archivo SVG modificado como “output.svg” en el mismo directorio que el archivo original.

Comments are closed.