remotion
Version:
Make videos programmatically
98 lines (97 loc) • 3.48 kB
TypeScript
import { type RefObject } from 'react';
import type { EffectsProp } from '../effects/effect-types.js';
import type { CanvasImageCanvasProps } from './props.js';
export declare const canvasImageSchema: {
readonly 'style.transformOrigin': {
readonly type: "transform-origin";
readonly step: 1;
readonly default: "50% 50%";
readonly description: "Transform origin";
};
readonly 'style.translate': {
readonly type: "translate";
readonly step: 1;
readonly default: "0px 0px";
readonly description: "Offset";
};
readonly 'style.scale': {
readonly type: "scale";
readonly max: 100;
readonly step: 0.01;
readonly default: 1;
readonly description: "Scale";
};
readonly 'style.rotate': {
readonly type: "rotation-css";
readonly step: 1;
readonly default: "0deg";
readonly description: "Rotation";
};
readonly 'style.opacity': {
readonly type: "number";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly default: 1;
readonly description: "Opacity";
readonly hiddenFromList: false;
};
readonly durationInFrames: {
readonly type: "number";
readonly default: undefined;
readonly min: 1;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly from: {
readonly type: "number";
readonly default: 0;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly trimBefore: {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly freeze: {
readonly type: "number";
readonly default: null;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly hidden: import("../interactivity-schema.js").BooleanFieldSchema;
readonly name: import("../interactivity-schema.js").HiddenFieldSchema;
readonly showInTimeline: import("../interactivity-schema.js").HiddenFieldSchema;
readonly fit: {
readonly type: "enum";
readonly default: "fill";
readonly description: "Fit";
readonly variants: {
readonly fill: {};
readonly contain: {};
readonly cover: {};
};
};
};
export declare const CanvasImage: import("react").ComponentType<import("../Interactive.js").InteractiveBaseProps & {
readonly stack?: string | undefined;
} & CanvasImageCanvasProps & {
readonly src: string;
readonly width?: number | undefined;
readonly height?: number | undefined;
readonly fit?: import("../calculate-image-fit.js").ImageFit | undefined;
readonly effects?: EffectsProp | undefined;
readonly className?: string | undefined;
readonly style?: import("react").CSSProperties | undefined;
readonly id?: string | undefined;
readonly onError?: ((error: Error) => void) | undefined;
readonly pauseWhenLoading?: boolean | undefined;
readonly maxRetries?: number | undefined;
readonly delayRenderRetries?: number | undefined;
readonly delayRenderTimeoutInMilliseconds?: number | undefined;
readonly _remotionInternalDocumentationLink?: string | undefined;
readonly outlineRef?: RefObject<HTMLElement | null> | null | undefined;
} & import("react").RefAttributes<HTMLCanvasElement>>;