gilles/excalidraw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tweak fade api a little bit

Browse Source
This commit is contained in:
barnabasmolnar
2026-06-03 19:15:52 +02:00
parent db73e30eae
commit d5aad6202d
3 changed files with 54 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/with-script-in-browser/components/ExampleApp.tsx
+22 -15
View File
@@ -683,7 +683,9 @@ export default function ExampleApp({
}
setFadeDemoElementIds(
excalidrawAPI.getSceneElements().map((element) => element.id),
excalidrawAPI
.getSceneElements()
.map((element) => element.id),
);
excalidrawAPI.clearElementOpacityOverrides();
setHideAllForFadeDemo(true);
@@ -700,7 +702,9 @@ export default function ExampleApp({
const elements = excalidrawAPI
.getSceneElements()
.filter((element) => fadeDemoElementIds.includes(element.id));
.filter((element) =>
fadeDemoElementIds.includes(element.id),
);
if (!elements.length) {
return;
@@ -715,8 +719,8 @@ export default function ExampleApp({
excalidrawAPI.clearElementOpacityOverrides();
}
excalidrawAPI.fadeElement({
id: elements[nextIndex].id,
excalidrawAPI.fadeElements({
elements: [elements[nextIndex].id],
from: 0,
to: 100,
duration: 500,
@@ -735,19 +739,20 @@ export default function ExampleApp({
const elements = excalidrawAPI
.getSceneElements()
.filter((element) => fadeDemoElementIds.includes(element.id));
.filter((element) =>
fadeDemoElementIds.includes(element.id),
);
if (!elements.length) {
return;
}
elements.forEach((element) => {
excalidrawAPI.fadeElement({
id: element.id,
from: 0,
to: 100,
duration: 500,
});
excalidrawAPI.fadeElements({
elements,
from: 0,
to: 100,
duration: 500,
stagger: 1000,
});
setFadeDemoNextIndex(elements.length);
@@ -763,7 +768,9 @@ export default function ExampleApp({
const elements = excalidrawAPI
.getSceneElements()
.filter((element) => fadeDemoElementIds.includes(element.id));
.filter((element) =>
fadeDemoElementIds.includes(element.id),
);
if (!elements.length) {
return;
@@ -778,8 +785,8 @@ export default function ExampleApp({
return;
}
excalidrawAPI.fadeElement({
id: elements[prevIndex].id,
excalidrawAPI.fadeElements({
elements: [elements[prevIndex].id],
from: 100,
to: 0,
duration: 500,