ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RLottie: Fix redundant render

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-11-02 02:43:39 +01:00
parent b86d857277
commit 9f8fe22f3c
1 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/lib/rlottie/RLottie.ts
View File

@ -39,9 +39,9 @@ class RLottie {
private containers = new Map<HTMLDivElement, {
canvas: HTMLCanvasElement;
ctx: CanvasRenderingContext2D;
onLoad?: NoneToVoidFunction;
isOnLoadFired?: boolean;
isLoaded?: boolean;
isPaused?: boolean;
onLoad?: NoneToVoidFunction;
}>();
private imgSize!: number;
@ -372,21 +372,17 @@ class RLottie {
this.containers.forEach((containerData) => {
const {
ctx, onLoad, isOnLoadFired, isPaused,
ctx, isLoaded, isPaused, onLoad,
} = containerData;
if (onLoad && !isOnLoadFired) {
containerData.isOnLoadFired = true;
onLoad();
ctx.putImageData(imageData, 0, 0); // Always render first frame
if (!isLoaded || !isPaused) {
ctx.putImageData(imageData, 0, 0);
}
if (isPaused) {
return;
if (!isLoaded) {
containerData.isLoaded = true;
onLoad?.();
}
ctx.putImageData(imageData, 0, 0);
});
this.prevFrameIndex = frameIndex;