alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix background

Browse Source
This commit is contained in:
peterkogo
2025-04-29 17:34:33 +02:00
parent 14a100270a
commit 6e88192970
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/svelte/src/lib/plugins/Background/Background.svelte
+6 -6
View File
@@ -17,7 +17,7 @@
id, id,
variant = BackgroundVariant.Dots, variant = BackgroundVariant.Dots,
gap = 20, gap = 20,
size = 1, size,
lineWidth = 1, lineWidth = 1,
bgColor, bgColor,
patternColor, patternColor,
@@ -27,17 +27,17 @@
const store = useStore(); const store = useStore();
const patternSize = size ?? defaultSize[variant!]; const isDots = $derived(variant === BackgroundVariant.Dots);
const isDots = variant === BackgroundVariant.Dots; const isCross = $derived(variant === BackgroundVariant.Cross);
const isCross = variant === BackgroundVariant.Cross; const gapXY: number[] = $derived(Array.isArray(gap) ? gap : [gap, gap]);
const gapXY: number[] = Array.isArray(gap!) ? gap! : [gap!, gap!];
let patternId = $derived(`background-pattern-${store.flowId}-${id ?? ''}`); let patternId = $derived(`background-pattern-${store.flowId}-${id ?? ''}`);
let scaledGap = $derived([ let scaledGap = $derived([
gapXY[0] * store.viewport.zoom || 1, gapXY[0] * store.viewport.zoom || 1,
gapXY[1] * store.viewport.zoom || 1 gapXY[1] * store.viewport.zoom || 1
]); ]);
let scaledSize = $derived(patternSize * store.viewport.zoom); let scaledSize = $derived((size ?? defaultSize[variant]) * store.viewport.zoom);
let patternDimensions = $derived( let patternDimensions = $derived(
(isCross ? [scaledSize, scaledSize] : scaledGap) as [number, number] (isCross ? [scaledSize, scaledSize] : scaledGap) as [number, number]
); );