躁動的web動畫-SVG水波文字

1.目標——SVG水波文字（難度：2.3） 本期我們的目標是利用之前學習的SVG濾鏡技術，實現文本被點擊時，產生水波；水波從劇烈晃動，到逐漸平靜的效果. 2.分析需求——庖丁解牛 1.水波的形態可以用我們之前學過的柏林噪聲濾鏡feTurbulence，結合feDisplacementMap扭曲文本像素。具體請參考《SVG濾鏡（二）》 2.水波的動態效果，需要我們改變噪聲的頻率 3.水波逐漸恢復平靜

>>阅读原文<<