2010-08-24 31 views
3

我有幾個SVG路徑看起來像這樣:剪出一個SVG <path>出另一個

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 

我現在要添加另一條路徑,但是,而不是將它添加到形狀,從切出來以前的路徑。我怎樣才能做到這一點?

我在SVG文檔中找不到關於此的任何信息 - 感謝您的幫助!

回答

1

SVG不支持路徑上的布爾操作。但是,您可以使用一個路徑作爲clipping path,這會爲您提供所需的效果。

0

矢量圖形編輯器通常會爲您提供此功能。在Inkscape中選擇兩條路徑,然後在「路徑」菜單上選擇要執行的操作。 Illustrator也具有相同的功能。

5

你可以用一個單一的路徑做到這一點:

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 

這將繪製一個6x6的孔切一個10×10平方了中間

+0

只需確保切割正確的順時針/逆時針順序。如果你的切口沒有切出,請反轉點的順序。 – 2015-09-18 06:10:00