diff --git a/src/constants.ts b/src/constants.ts index 3dcce75ed..38e15f9a1 100644 --- a/src/constants.ts +++ b/src/constants.ts @@ -1,5 +1,5 @@ import cssVariables from "./css/variables.module.scss"; -import { AppProps, DataURL } from "./types"; +import { AppProps, DataURL, Dimensions } from "./types"; import { ExcalidrawElement, FontFamilyValues } from "./element/types"; import { COLOR_PALETTE } from "./colors"; @@ -246,6 +246,10 @@ export const FANCY_BG_BORDER_RADIUS = 12; // px export const FANCY_BG_LOGO_PADDING = 20; // px export const FANCY_BG_LOGO_BOTTOM_PADDING = 12; // px export const FANCY_BG_INCLUDE_LOGO = true; +export const DEFAULT_FANCY_BACKGROUND_RATIO: Dimensions = { + width: 16, + height: 9, +}; export const DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT = 1440; diff --git a/src/scene/export.ts b/src/scene/export.ts index 9dc98d735..5cb422870 100644 --- a/src/scene/export.ts +++ b/src/scene/export.ts @@ -15,6 +15,7 @@ import { import { AppState, BinaryFiles, Dimensions, ExportPadding } from "../types"; import { DEFAULT_EXPORT_PADDING, + DEFAULT_FANCY_BACKGROUND_RATIO, FANCY_BACKGROUND_IMAGES, FANCY_BG_INCLUDE_LOGO, SVG_NS, @@ -89,7 +90,7 @@ export const exportToCanvas = async ( onlyExportingSingleFrame, exportingWithFancyBackground, opts: { - aspectRatio: { width: 16, height: 9 }, + aspectRatio: DEFAULT_FANCY_BACKGROUND_RATIO, clipFrame: false, }, }); @@ -255,7 +256,7 @@ export const exportToSvg = async ( onlyExportingSingleFrame, exportingWithFancyBackground, opts: { - aspectRatio: { width: 16, height: 9 }, + aspectRatio: DEFAULT_FANCY_BACKGROUND_RATIO, clipFrame: false, }, });