From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 22 Mar 2024 14:47:05 +0000 (+0100)
Subject: wip #6821 @3
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=7693d32975712d114556bb27c6e41f12e0ea2151;p=fluidbook-html5.git

wip #6821 @3
---

diff --git a/js/libs/fluidbook/fluidbook.loader.js b/js/libs/fluidbook/fluidbook.loader.js
index 472500fd..d5f54838 100644
--- a/js/libs/fluidbook/fluidbook.loader.js
+++ b/js/libs/fluidbook/fluidbook.loader.js
@@ -689,18 +689,18 @@ FluidbookLoader.prototype = {
                 let dw = $this.fluidbook.settings.width * (dh / $this.fluidbook.settings.height);
                 let canvas = $('<canvas class="pscanvas" id="pscanvas_' + page + '" width="' + dw + '" height="' + dh + '" aria-hidden="true"></canvas>');
                 $("body").append(canvas);
-                let c=canvas.get(0);
+                let c = canvas.get(0);
                 let ctx = c.getContext("2d");
 
                 let wr = dw / $this.fluidbook.settings.width;
                 let hr = dh / $this.fluidbook.settings.height;
 
                 // Draw background
+                ctx.fillStyle = "#FFFFFF";
+                ctx.fillRect(0, 0, dw, dh);
                 if ($this.backgrounds[page] !== undefined && $this.backgrounds[page] !== null) {
                     ctx.drawImage($this.backgrounds[page].get(0), 0, 0, dw * 1.002, dh);
                 } else {
-                    ctx.fillStyle = "#FFFFFF";
-                    ctx.fillRect(0, 0, dw, dh);
                 }
 
                 let afterTexts = function () {