about summary refs log tree commit diff stats
diff options
context:
space:
mode:
-rw-r--r--src/algorithms/2d-transformations/Translation.svelte23
1 files changed, 22 insertions, 1 deletions
diff --git a/src/algorithms/2d-transformations/Translation.svelte b/src/algorithms/2d-transformations/Translation.svelte
index a910cc6..0416f2b 100644
--- a/src/algorithms/2d-transformations/Translation.svelte
+++ b/src/algorithms/2d-transformations/Translation.svelte
@@ -22,10 +22,13 @@
   function deletePoint(id) {
     points = points.filter(item => item.id !== Number(id));
   }
+let translatedPointsArray = {x: [], y: []};
 
   function translatePoints() {
+    // Reset values.
+    translatedPointsArray = {x: [], y: []};
+
     let pointsArray = {x: [], y: []};
-    let translatedPointsArray = {x: [], y: []};
 
     // Store the points in a matrix like array.
     for (const point of points) {
@@ -104,6 +107,24 @@
       {/each}
     </tbody>
   </table>
+  <h4>Translation Points</h4>
+  <table>
+    <thead>
+      <tr>
+       
+        <th>x</th>
+        <th>y</th>
+      </tr>
+    </thead>
+    <tbody>
+      {#each translatedPointsArray.x as _, i}
+        <tr>
+          <td>{translatedPointsArray.x[i]}</td>
+          <td>{translatedPointsArray.y[i]}</td>
+        </tr>
+      {/each}
+    </tbody>
+  </table>
 {/if}
 
 <div id="algoChart"></div>