形态学

形态学图像滤镜与其 SVG 对应物完全相同。它用于腐蚀或膨胀输入图像。它的主要用途在于加粗或变细效果。

名称	类型	描述
操作符	erode 或 dilate	是否腐蚀（即变细）或膨胀（加粗）。默认为膨胀
半径	number 或 Vector	效果的半径。
children?	ImageFilter	可选的先应用的图像滤镜。

示例

tsx
import {Canvas, Text, Morphology, useFont} from "@shopify/react-native-skia";
 
export const MorphologyDemo = () => {
  const font = useFont(require("./SF-Pro.ttf"), 24);
  return (
    <Canvas style={{ width: 256, height: 256 }}>
      <Text
        text="Hello World"
        x={32}
        y={32}
        font={font}
      />
      <Text
        text="Hello World"
        x={32}
        y={64}
        font={font}
      >
        <Morphology radius={1} />
      </Text>
      <Text
        text="Hello World"
        x={32}
        y={96}
        font={font}
      >
        <Morphology radius={0.3} operator="erode" />
      </Text>
    </Canvas>
  );
};

tsx
import {Canvas, Text, Morphology, useFont} from "@shopify/react-native-skia";
 
export const MorphologyDemo = () => {
  const font = useFont(require("./SF-Pro.ttf"), 24);
  return (
    <Canvas style={{ width: 256, height: 256 }}>
      <Text
        text="Hello World"
        x={32}
        y={32}
        font={font}
      />
      <Text
        text="Hello World"
        x={32}
        y={64}
        font={font}
      >
        <Morphology radius={1} />
      </Text>
      <Text
        text="Hello World"
        x={32}
        y={96}
        font={font}
      >
        <Morphology radius={0.3} operator="erode" />
      </Text>
    </Canvas>
  );
};