maaike's code samples

2021-09-04 21:22:51 +02:00
parent 0189d40676
commit b89b9dfb3f
70 changed files with 2737 additions and 0 deletions
@@ -0,0 +1,31 @@
+<html>
+  <head>
+    <style>
+      canvas {
+        border: 1px solid black;
+      }
+    </style>
+  </head>
+  <body>
+    <canvas id="canvas1"></canvas>
+    <canvas id="canvas2"></canvas>
+    <canvas id="canvas3"></canvas>
+    <script>
+      let canvas1 = document.getElementById("canvas1");
+      let ctx1 = canvas1.getContext("2d");
+      ctx1.strokeRect(5, 5, 150, 100);
+
+      let canvas2 = document.getElementById("canvas2");
+      let ctx2 = canvas2.getContext("2d");
+      ctx2.beginPath();
+      ctx2.fillStyle = "blue";
+      ctx2.arc(60, 60, 20, 0, 2 * Math.PI);
+      ctx2.stroke();
+
+      let canvas3 = document.getElementById("canvas3");
+      let ctx3 = canvas3.getContext("2d");
+      ctx3.drawImage(canvas1, 10, 10);
+      ctx3.drawImage(canvas2, 10, 10);
+    </script>
+  </body>
+</html>