marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-09-15 13:30:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: export background => fancy background

Browse Source
This commit is contained in:
Arnošt Pleskot
2023-08-10 17:57:07 +02:00
parent d6515e26b9
commit 70c7185f32
6 changed files with 39 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/scene/fancyBackground.ts
View File

@@ -1,4 +1,4 @@
import { EXPORT_BG_BORDER_RADIUS, EXPORT_BG_PADDING } from "../constants";
import { FANCY_BG_BORDER_RADIUS, FANCY_BG_PADDING } from "../constants";
import { loadHTMLImageElement } from "../element/image";
import { roundRect } from "../renderer/roundRect";
import { DataURL } from "../types";
@@ -32,16 +32,9 @@ const addImageBackground = (
context.save();
context.beginPath();
if (context.roundRect) {
context.roundRect(0, 0, canvasWidth, canvasHeight, EXPORT_BG_BORDER_RADIUS);
context.roundRect(0, 0, canvasWidth, canvasHeight, FANCY_BG_BORDER_RADIUS);
} else {
roundRect(
context,
0,
0,
canvasWidth,
canvasHeight,
EXPORT_BG_BORDER_RADIUS,
);
roundRect(context, 0, 0, canvasWidth, canvasHeight, FANCY_BG_BORDER_RADIUS);
}
const scale = getScaleToFill(
{ w: fancyBackgroundImage.width, h: fancyBackgroundImage.height },
@@ -99,20 +92,20 @@ const addContentBackground = (
if (context.roundRect) {
context.roundRect(
EXPORT_BG_PADDING,
EXPORT_BG_PADDING,
canvasWidth - EXPORT_BG_PADDING * 2,
canvasHeight - EXPORT_BG_PADDING * 2,
EXPORT_BG_BORDER_RADIUS,
FANCY_BG_PADDING,
FANCY_BG_PADDING,
canvasWidth - FANCY_BG_PADDING * 2,
canvasHeight - FANCY_BG_PADDING * 2,
FANCY_BG_BORDER_RADIUS,
);
} else {
roundRect(
context,
EXPORT_BG_PADDING,
EXPORT_BG_PADDING,
canvasWidth - EXPORT_BG_PADDING * 2,
canvasHeight - EXPORT_BG_PADDING * 2,
EXPORT_BG_BORDER_RADIUS,
FANCY_BG_PADDING,
FANCY_BG_PADDING,
canvasWidth - FANCY_BG_PADDING * 2,
canvasHeight - FANCY_BG_PADDING * 2,
FANCY_BG_BORDER_RADIUS,
);
}