découper un SVG <path> sur un autre

J'ai plusieurs chemins SVG qui ressemble à ceci:découper un SVG <path> sur un autre

M204.21121687607624,196.94037184487675L329.92080751248244,195.46306542867487A130,130,0,0,0,244.46261863233696,77.83995929783192Z 
M198.39145828733604,195.04941765207442L235.83285625620988,75.03597952801854A130,130,0,0,0,97.55860203112616,119.9640082076644Z

Je veux maintenant ajouter un autre chemin, mais, au lieu d'ajouter à la forme, le découper à partir les chemins précédents. Comment puis-je accomplir cela?

Je n'ai trouvé aucune information à ce sujet dans les documents SVG - merci pour votre aide!

Source

2010-08-24 eWolf

SVG ne prend pas en charge les opérations booléennes sur les chemins. Vous pouvez cependant utiliser un chemin comme clipping path, ce qui vous donnera l'effet que vous voulez.

Source

2011-02-27 15:47:24 Phrogz

Les éditeurs graphiques vectoriels vous l'offrent généralement. Dans Inkscape, sélectionnez les deux chemins, puis l'opération que vous souhaitez effectuer dans le menu "Chemin". Illustrator a la même fonctionnalité aussi.

Source

2011-02-27 20:22:07

Vous pouvez le faire avec un seul chemin:

M 0,0 l 0,10 10,0 0,-10 -10,0 z m 2,2 l 6,0 0,6 -6,0 0,-6 z

Cela dessiner un carré de 10x10 avec un trou découpé 6x6 hors du milieu

Source

2013-01-29 03:12:35

Assurez-vous que l'ordre de la découpe est correct dans le sens des aiguilles d'une montre/dans le sens inverse des aiguilles d'une montre. Si votre découpe n'est pas découpée, inversez l'ordre des points. –

Ce que vous cherchez est un ensemble d'opérations sont appelés opérations booléennes. Reportez-vous à cette question pour plus de précisions: Boolean Operations on SVG paths

Source

2013-04-29 01:00:20

découper un SVG <path> sur un autre

Répondre

Questions connexes