Function: splitIn()

> splitIn(alias, component?, props?, priority?): Promise<string[] | undefined>

Defined in: src/canvas/functions/canvas-transition.ts:1598

Show a image in the canvas with a split effect: two mask panels slide together from the edges to progressively reveal the image, meeting at the split line once fully shown. A configured SplitInOutProps covers "curtain"-like effects without a story-specific API.

ParametersCopy Anchor Link

aliasCopy Anchor Link

string

The unique alias of the image. You can use this alias to refer to this image

component?Copy Anchor Link

TComponent

The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the VideoSprite is added to the canvas. If imageUrl is an array, then the ImageContainer is added to the canvas. If you don't provide the component, then the alias is used as the url.

props?Copy Anchor Link

SplitInOutProps = {}

The properties of the effect

priority?Copy Anchor Link

UPDATE_PRIORITY

The priority of the effect

ReturnsCopy Anchor Link

Promise<string[] | undefined>

A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.