蒙版滤镜

蒙版滤镜是用来操作图形对象的几何形状和 Alpha 通道的特效。

BlurMask

创建模糊蒙版滤镜。

名称	类型	描述
blur	number	高斯模糊的标准差。必须 > 0。
style?	BlurStyle	可以是 normal、solid、outer 或 inner (默认是 normal)。
respectCTM?	boolean	如果为 true，则模糊的 sigma 值将由 CTM 修改（默认值为 false）。

示例

tsx
import {Canvas, Fill, Circle, BlurMask, vec} from "@shopify/react-native-skia";
 
const MaskFilterDemo = () => {
  return (
    <Canvas style={{ flex: 1}}>
      <Circle c={vec(128)} r={128} color="lightblue">
        <BlurMask blur={20} style="normal" />
      </Circle>
    </Canvas>
  );
};

tsx
import {Canvas, Fill, Circle, BlurMask, vec} from "@shopify/react-native-skia";
 
const MaskFilterDemo = () => {
  return (
    <Canvas style={{ flex: 1}}>
      <Circle c={vec(128)} r={128} color="lightblue">
        <BlurMask blur={20} style="normal" />
      </Circle>
    </Canvas>
  );
};

样式	结果
normal		inner
solid		outer