文本块

文本块包含字形、位置和特定于文本的绘制属性。

名称	类型	描述
blob	TextBlob	文本块
x?	number	整个运行的原点的 x 坐标。默认为 0
y?	number	整个运行的原点的 y 坐标。默认为 0

示例

tsx
import {Canvas, TextBlob, Skia, useFont} from "@shopify/react-native-skia";
 
 
export const HelloWorld = () => {
  const font = useFont(require("./SF-Pro.ttf"), 24);
  if (font === null) {
    return null;
  }
  const blob = Skia.TextBlob.MakeFromText("Hello World!", font);
  return (
      <Canvas style={{ flex: 1 }}>
        <TextBlob
          blob={blob}
          color="blue"
        />
      </Canvas>
  );
};

tsx
import {Canvas, TextBlob, Skia, useFont} from "@shopify/react-native-skia";
 
 
export const HelloWorld = () => {
  const font = useFont(require("./SF-Pro.ttf"), 24);
  if (font === null) {
    return null;
  }
  const blob = Skia.TextBlob.MakeFromText("Hello World!", font);
  return (
      <Canvas style={{ flex: 1 }}>
        <TextBlob
          blob={blob}
          color="blue"
        />
      </Canvas>
  );
};