simplified examples

Stefan Fenn · Stefan Fenn · commit 5f8cfc8acefd · 2020-04-13T22:06:18.000+02:00
diff --git a/exampleFunction2d.html b/exampleFunction2d.html
@@ -20,20 +20,17 @@
     import {drawGrid, drawFunction} from './graphplot.js';
 
     const canvas = document.getElementById("grid");
-    const ctx = canvas.getContext("2d");
-
     const config = {
         xMin: -3,
         xMax: 5,
         yMin: -1,
         yMax: 2,
-        ctx: ctx
+        ctx: canvas.getContext("2d")
     };
 
     const canvasF2 = document.getElementById("fn2");
-    const ctxF2 = canvasF2.getContext("2d");
     const configF2 = Object.assign({}, config);
-    configF2.ctx = ctxF2;
+    configF2.ctx = canvasF2.getContext("2d");
 
     drawGrid(config);
     drawFunction(
diff --git a/exampleFunction3d.html b/exampleFunction3d.html
@@ -20,20 +20,17 @@
     import {drawGrid, getGradientVector, draw3dFunction} from './graphplot.js';
 
     const canvas = document.getElementById("grid");
-    const ctx = canvas.getContext("2d");
-
     const config = {
         xMin: -3,
         xMax: 5,
         yMin: -1,
         yMax: 2,
-        ctx: ctx
+        ctx: canvas.getContext("2d")
     };
 
     const canvasF3 = document.getElementById("fn3");
-    const ctxF3 = canvasF3.getContext("2d");
     const configF3 = Object.assign({}, config);
-    configF3.ctx = ctxF3;
+    configF3.ctx = canvasF3.getContext("2d");
 
     const func3 = function (x, y) {
         return Math.sin(x * 2) * y + Math.cos(y * 5) * x;
diff --git a/exampleGrid1.html b/exampleGrid1.html
@@ -5,14 +5,12 @@
     import {drawGrid} from './graphplot.js';
 
     const canvas = document.getElementById("grid");
-    const ctx = canvas.getContext("2d");
-
     const config = {
         xMin: -3,
         xMax: 5,
         yMin: -1,
         yMax: 2,
-        ctx: ctx
+        ctx: canvas.getContext("2d")
     };
 
     drawGrid(config);
