SVG では、塗りつぶしパターンを使用したいのですが、この例(SVG では描画されていません)のように、他の形状が描画されるパターンに「穴」を残します。クリッピングやマスキングを使用することになっていると思いますが、方法がわかりません。
SVG 全体が、「穴」 (および背景パターン) を通して見えるようにする必要があるイメージに重ねられます。そのため、穴を単色で塗りつぶして画像を曖昧にすることはできません。
SVG では、塗りつぶしパターンを使用したいのですが、この例(SVG では描画されていません)のように、他の形状が描画されるパターンに「穴」を残します。クリッピングやマスキングを使用することになっていると思いますが、方法がわかりません。
SVG 全体が、「穴」 (および背景パターン) を通して見えるようにする必要があるイメージに重ねられます。そのため、穴を単色で塗りつぶして画像を曖昧にすることはできません。
「複合パス」を使用する必要があります。非常に単純な例については、このフィドルを参照してください。
パターンができたら、画像にオーバーレイを適用します。
Robert Longson の回答で引用されている参考文献は、読む価値があります。
クリッピングを使用せずに、偶奇の塗りつぶしを使用してこれを実行できる場合があります。代わりに、クリップパスを使用することもできます。両方のアプローチについては、こちらで説明しています。