-1

折り目やしわのある布地であるかのようにパターンを歪める方法を SVG で思いつく人はいますか?

たとえば、でこぼこしたビーチの上にストライプのビーチ タオルを置いた場合、ストライプは直線ではなく、ビーチの輪郭を横切るときに波打って折り畳まれ、通常は歪みます。

SVG に適用できるさまざまな変換があることは知っていますが、この種の歪みを適用できる変換はありますか?

4

1 に答える 1

2

SVG フィルターを使用します: feDisplacementMap + feTurbulence。例：

  <feTurbulence type="turbulence" baseFrequency=".02" numOctaves="4"  result="turb"/>
  <feDisplacementMap in="SourceGraphic" in2="turb" scale="0" result="displace" xChannelSelector="B"/>

より長い例: http://codepen.io/mullany/pen/nLtla

于 2013-08-21T21:48:31.667 に答える