Lange Spieker: verschil tussen versies

@@ Regel 2: / Regel 2: @@
 <html>
 <script>
-var c = document.createElement("<canvas></canvas>");
+var canvas = document.createElement('canvas');
-var ctx = c.getContext("2d");
-ctx.moveTo(0, 0);
+canvas.id = "CursorLayer";
-ctx.lineTo(200, 100);
+canvas.width = 1224;
-ctx.stroke();
+canvas.height = 768;
+canvas.style.zIndex = 8;
+canvas.style.position = "absolute";
+canvas.style.border = "1px solid";
+var body = document.getElementsByTagName("body")[0];
+body.appendChild(canvas);
+cursorLayer = document.getElementById("CursorLayer");
+console.log(cursorLayer);
+// below is optional
+var ctx = canvas.getContext("2d");
+ctx.fillStyle = "rgba(255, 0, 0, 0.2)";
+ctx.fillRect(100, 100, 200, 200);
+ctx.fillStyle = "rgba(0, 255, 0, 0.2)";
+ctx.fillRect(150, 150, 200, 200);
+ctx.fillStyle = "rgba(0, 0, 255, 0.2)";
+ctx.fillRect(200, 50, 200, 200);
 </script>
 </html>

Versie van 31 jul 2025 19:58