<SkiaCanvas />
一个React Native Skia <Canvas />
组件,用于包装 Remotion 上下文。
您可以在其中放置来自 @shopify/react-native-skia
的元素!
tsx
import {SkiaCanvas } from "@remotion/skia";import {Fill } from "@shopify/react-native-skia";importReact from "react";import {useVideoConfig } from "remotion";constMySkiaVideo :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";importReact from "react";import {useVideoConfig } from "remotion";constMySkiaVideo :React .FC = () => {const {width ,height } =useVideoConfig ();return (<SkiaCanvas width ={width }height ={height }><Fill color ="black" /></SkiaCanvas >);};
属性
width
画布的宽度(以像素为单位)。
height
画布的高度(以像素为单位)。
继承的属性
所有被 <Canvas>
接受的属性也同样被接受。