From ba3cddb8e487f4a208173d45b02083e9323ef968 Mon Sep 17 00:00:00 2001
From: Raphael <raphael@cloud13.de>
Date: Thu, 8 Dec 2022 15:00:15 +0100
Subject: [PATCH] fix background img things

---
 src/js/whiteboard.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/js/whiteboard.js b/src/js/whiteboard.js
index 20ffad9..1045493 100644
--- a/src/js/whiteboard.js
+++ b/src/js/whiteboard.js
@@ -231,6 +231,7 @@ const whiteboard = {
         });
 
         _this.mouseOverlay.on("mousemove touchmove", function (e) {
+            //Move hole canvas
             e.preventDefault();
 
             if (_this.tool == "hand" && _this.drawFlag) {
@@ -249,6 +250,7 @@ const whiteboard = {
                 _this.canvas.height = $(window).height(); // Set new canvas height
                 _this.drawBuffer = [];
                 _this.textContainer.empty();
+                _this.imgContainer.empty();
                 _this.loadData(dbCp); // draw old content in
             }
 
@@ -987,13 +989,14 @@ const whiteboard = {
         dom.i2svg();
     },
     drawImgToBackground(url, width, height, left, top, rotationAngle) {
+        var _this = this;
         const px = (v) => Number(v).toString() + "px";
         this.imgContainer.append(
             this.imgWithSrc(url).css({
                 width: px(width),
                 height: px(height),
-                top: px(top),
-                left: px(left),
+                top: px(top + _this.viewCoords.y),
+                left: px(left + _this.viewCoords.x),
                 position: "absolute",
                 transform: "rotate(" + Number(rotationAngle) + "rad)",
             })