Update script.js

#970

Author: 2020B1531074

Projects/WhiteBoard/script.js

@@ -1,4 +1,3 @@
-// Get canvas element and set its dimensions to the size of the screen
 var canvas = document.getElementById("canvas");
 const colorPicker = document.getElementById("color-picker");
 const saveButton = document.getElementById("save-button");
@@ -110,16 +109,12 @@ canvas.addEventListener('touchend', function () {
         ctx.stroke();
     }
 });
-canvas.addEventListener('touchmove', function (e) {
-    if (drawing) {
-        // Draw a line from the last coordinates to the current ones
+canvas.addEventListener('touchend', function (e) {
+    drawing = false;
+    if (currentTool == "line") {
         ctx.beginPath();
-        ctx.moveTo(lastX, lastY);
-        ctx.lineTo(e.touches[0].pageX, e.touches[0].pageY);
+        ctx.moveTo(lineStart.x, lineStart.y);
+        ctx.lineTo(e.touches[0].pageX - canvas.offsetLeft, e.touches[0].pageY - canvas.offsetTop);
         ctx.stroke();
-
-        // Update last coordinates
-        lastX = e.touches[0].pageX;
-        lastY = e.touches[0].pageY;
     }
 });