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

fix: position of background and content on y axis

Browse Source
This commit is contained in:
Arnošt Pleskot 2023-08-30 14:49:25 +02:00
parent 97ff1222d9
commit 4b5ce5283b
No known key found for this signature in database
2 changed files with 20 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/scene/export.ts
View File

@ -90,7 +90,7 @@ export const exportToCanvas = async (
const onlyExportingSingleFrame = isOnlyExportingSingleFrame(elements);
let scrollXAdjustment = 0;
const scrollYAdjustment = 0;
let scrollYAdjustment = 0;
if (
exportWithFancyBackground &&
@ -114,6 +114,9 @@ export const exportToCanvas = async (
scrollXAdjustment =
(width - contentSize.width - (padding[1] + padding[3])) / 2;
scrollYAdjustment =
(height - contentSize.height - (padding[0] + padding[2])) / 2;
}
renderStaticScene({

37
src/scene/fancyBackground.ts
View File

@ -90,31 +90,26 @@ const getContentBackgound = (
exportScale: number,
includeLogo: boolean,
): { x: number; y: number; width: number; height: number } => {
const x =
(normalizedCanvasDimensions.width - contentSize.width * exportScale) / 2 -
FANCY_BG_PADDING * exportScale;
const y =
(normalizedCanvasDimensions.height -
(contentSize.height + DEFAULT_EXPORT_PADDING + FANCY_BG_BORDER_RADIUS) *
exportScale) /
2 -
FANCY_BG_PADDING * exportScale;
const totalPaddingAndRadius = DEFAULT_EXPORT_PADDING + FANCY_BG_BORDER_RADIUS;
const width =
(contentSize.width +
(DEFAULT_EXPORT_PADDING + FANCY_BG_BORDER_RADIUS) * 2) *
exportScale;
(Math.round(contentSize.width) + totalPaddingAndRadius * 2) * exportScale;
const height =
(contentSize.height +
DEFAULT_EXPORT_PADDING +
FANCY_BG_BORDER_RADIUS -
(includeLogo ? FANCY_BG_LOGO_PADDING : 0) +
(DEFAULT_EXPORT_PADDING + FANCY_BG_BORDER_RADIUS) * 2) *
exportScale;
(Math.round(contentSize.height) + totalPaddingAndRadius * 2) * exportScale;
return { x, y, width, height };
const x = (normalizedCanvasDimensions.width - width) / 2;
let y = (normalizedCanvasDimensions.height - height) / 2;
if (includeLogo) {
y -= (FANCY_BG_LOGO_PADDING / 2) * exportScale;
}
return {
x,
y,
width,
height,
};
};
const addContentBackground = (