Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixes brush strokes not compositing correct on initial load

Browse Source
This commit is contained in:
psychedelicious 2022-10-29 13:12:34 +11:00
parent 9291fde960
commit 6a32adb7ed
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/features/tabs/Inpainting/components/Cacher.tsx
View File

@ -1,4 +1,4 @@
import { useLayoutEffect } from 'react';
import { useEffect, useLayoutEffect, useState } from 'react';
import { RootState, useAppSelector } from '../../../../app/store';
import { maskLayerRef } from '../InpaintingCanvas';
@ -35,6 +35,7 @@ const Cacher = () => {
isDrawing,
} = useAppSelector((state: RootState) => state.inpainting);
useLayoutEffect(() => {
if (!maskLayerRef.current) return;
maskLayerRef.current.cache({
@ -66,7 +67,22 @@ const Cacher = () => {
isDrawing,
]);
return null;
/**
* Hack to cache the mask layer after the canvas is ready.
*/
useEffect(() => {
const intervalId = window.setTimeout(() => {
if (!maskLayerRef.current) return;
maskLayerRef.current.cache({
x: 0,
y: 0,
width,
height,
});
}, 0)
return () => { window.clearTimeout(intervalId); }
})
};
export default Cacher;