在將濾鏡應用於合成形狀之前合併SVG中的形狀

Question

我目前正在繪製SVG中的徽標。

標誌圖紙是完全正確的，但我想申請一個過濾器到我的形狀。現在，標識中的字母由單獨的形狀組成。

我的問題是如何最好地將所述形狀合併爲一個合成形狀？我發現了一些關於feBlend和veUnion的信息，但是信息分散且稀疏，這是我進入SVG美妙世界的第一步。

除了在應用我的過濾器之前將兩個形狀合併爲一個，我還希望（在我的示例中爲qabana字樣中的n）在應用我的過濾器之前從形狀中減去某些形狀。

我正在使用的SVG示例：http://buffer.io/~simon/qabana-svg/handmade-stackoverflow.svg（這應該立即向您顯示我遇到的問題）。

此外，如何在該文件中改進我的SVG的任何額外提示都很樂意聽到。

Answer 1

veUnion在此時尚未在任何瀏覽器中實現。如果要將兩個或更多形狀合併到單個路徑中，可以使用矢量圖形編輯器（例如Inkscape或Illustrator）。如果您想對元素進行分組，請使用g>元素，然後將過濾器應用於該元素。