https://css-tricks.com/drawing-realistic-clouds-with-svg-and-css/
主要使用了 SVG。它是基于 XML 的标记语言,用来描绘二维向量图形。下面会列出本次练习使用的元素或属性,并解释作用。
- svg 一个容器,用于定义新的坐标系和视图
- filter 通过对原始图形进行原子级别的分组,来自定义过滤效果
- feTurbulence 使用 Perlin 湍流函数生成图像,可以合成云或大理石
-
type 通用属性,基于不同元素表达不同含义
- 对于 feTurbulence 来说,它指示滤波器应该执行噪声还是湍流函数,type 的值:fractalNoise | turbulence
- baseFrequency 表示 feTurbulence 噪声函数的基准频率
- numOctaves 定义了噪声函数的八度数
- seed 表示伪随机数生成器的起始数
- feDisplacementMap The <feDisplacementMap> SVG filter primitive uses the pixel values from the image from in2 to spatially displace the image from in(完全不理解这句的含义)
- in 标识输入
- scale 定义了位移缩放因子