21 lines
483 B
HTML
21 lines
483 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<body>
|
|
<canvas id="meinBoard" width="400" height="400" style="border: 2px solid #333;"></canvas>
|
|
|
|
<script>
|
|
// 1. Den "Pinsel" (Kontext) holen
|
|
const canvas = document.getElementById('meinBoard');
|
|
const ctx = canvas.getContext('2d');
|
|
|
|
// Farbe wählen
|
|
ctx.fillStyle = "orange";
|
|
|
|
// Rechteck zeichnen: fillRect(x, y, breite, höhe)
|
|
ctx.fillRect(50, 50, 150, 100);// Hier kommt gleich dein Code hin...
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|