<SkiaCanvas />

一个React Native Skia <Canvas /> 组件，用于包装 Remotion 上下文。

您可以在其中放置来自 @shopify/react-native-skia 的元素！

tsx
import { SkiaCanvas } from "@remotion/skia";
import { Fill } from "@shopify/react-native-skia";
import React from "react";
import { useVideoConfig } from "remotion";
 
const MySkiaVideo: React.FC = () => {
  const { width, height } = useVideoConfig();
  return (
    <SkiaCanvas width={width} height={height}>
      <Fill color="black" />
    </SkiaCanvas>
  );
};

tsx
import { SkiaCanvas } from "@remotion/skia";
import { Fill } from "@shopify/react-native-skia";
import React from "react";
import { useVideoConfig } from "remotion";
 
const MySkiaVideo: React.FC = () => {
  const { width, height } = useVideoConfig();
  return (
    <SkiaCanvas width={width} height={height}>
      <Fill color="black" />
    </SkiaCanvas>
  );
};

属性

width

画布的宽度（以像素为单位）。

height

画布的高度（以像素为单位）。

继承的属性

所有被 <Canvas> 接受的属性也同样被接受。

另请参阅

• 安装