2

現在、SVGでロゴを描画中です。

ロゴの描画はまったく問題ありませんが、図形にフィルターを適用したいと思います。これで、ロゴタイプの文字は別々の形状で構成されます。

私の質問は、どのようにして上記の形状を1つの結果の形状に組み合わせるのが最善かということです。feBlendとveUnionについていくつか見つけましたが、情報は散在していてまばらであり、これらはSVGの素晴らしい世界への私の最初のステップです。

フィルタを適用する前に2つの形状を1つに結合することに加えて、フィルタを適用する前に形状から特定の形状を減算することも必要です(私の例ではqabanaという単語のn)。

私が取り組んでいるSVGの例:http://buffer.io/~simon/qabana-svg/handmade-stackoverflow.svg(これは私が抱えている問題をすぐに示すはずです)。

また、そのファイルでSVGを改善する方法に関するボーナスのヒントを喜んで聞いています。

4

1 に答える 1

3

現時点では、veUnion はどのブラウザーにも実装されていません。2 つ以上の形状を 1 つのパスにマージする場合は、ベクター グラフィック エディター (Inkscape や Illustrator など) を使用できます。要素をグループ化したい場合は、 <g> 要素を使用し、代わりにフィルターを適用します。

于 2012-09-24T12:49:58.157 に答える