From 57f60fe44a14ef77bebfb70a63033378e7f1a2e7 Mon Sep 17 00:00:00 2001
From: Sem van der Hoeven <semmer99@gmail.com>
Date: Sat, 3 Jun 2023 15:56:09 +0200
Subject: [PATCH] convert canvas to img

---
 api/views/index.ejs | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/api/views/index.ejs b/api/views/index.ejs
index e27a78f4..a8b72944 100644
--- a/api/views/index.ejs
+++ b/api/views/index.ejs
@@ -45,7 +45,9 @@
     </div>
     <div class="lastpicture">
         <p>Last picture:</p>
-        <img id="picture" style="width: 400px;">
+        <div id="lastimg">
+            <img id="picture" style="width: 400px;">
+        </div>
         <h2>Drone status</h2>
         <p id="batterypercentage">Battery percentage</p>
         <p id="cpuload">CPU load</p>
@@ -213,8 +215,8 @@
         console.log("take picture");
         var image = new Image();
         image.src = document.getElementById("result-video").toDataURL;
-        document.getElementById("picture").innerHTML = "";
-        document.getElementById("picture").appendChild(image);
+        document.getElementById("lastimg").innerHTML = "";
+        document.getElementById("lastimg").appendChild(image);
     }
 
     function arm_disarm() {