1

SVG では、塗りつぶしパターンを使用したいのですが、この例(SVG では描画されていません)のように、他の形状が描画されるパターンに「穴」を残します。クリッピングやマスキングを使用することになっていると思いますが、方法がわかりません。

SVG 全体が、「穴」 (および背景パターン) を通して見えるようにする必要があるイメージに重ねられます。そのため、穴を単色で塗りつぶして画像を曖昧にすることはできません。

4

2 に答える 2

1

「複合パス」を使用する必要があります。非常に単純な例については、このフィドルを参照してください。

ここに画像の説明を入力

パターンができたら、画像にオーバーレイを適用します。

Robert Longson の回答で引用されている参考文献は、読む価値があります。

于 2012-06-11T21:30:36.580 に答える
1

クリッピングを使用せずに、偶奇の塗りつぶしを使用してこれを実行できる場合があります。代わりに、クリップパスを使用することもできます。両方のアプローチについては、こちらで説明しています

于 2012-06-11T17:15:55.630 に答える