feat: separate fancyBackground from renderScene

src/scene/export.ts

@@ -12,6 +12,7 @@ import {
   updateImageCache,
 } from "../element/image";
 import Scene from "./Scene";
+import { applyFancyBackground } from "./fancyBackground";
 
 export const SVG_EXPORT_TAG = `<!-- svg-source:excalidraw -->`;
 
@@ -54,6 +55,14 @@ export const exportToCanvas = async (
 
   const onlyExportingSingleFrame = isOnlyExportingSingleFrame(elements);
 
+  if (appState.fancyBackgroundImageUrl) {
+    await applyFancyBackground(
+      canvas,
+      appState.fancyBackgroundImageUrl,
+      viewBackgroundColor,
+    );
+  }
+
   renderStaticScene({
     canvas,
     rc: rough.canvas(canvas),