Wie zeichnet man in JavaScript einen Kreis mit einem Radius von 10 Pixeln in einem HTML-Canvas?
Um in einem HTML-Canvas mit JavaScript einen Kreis mit einem Radius von 10 Pixeln zu zeichnen, kannst du den folgenden Code verwenden:

<html>
  <head>
    <script>
      function drawCircle() {
        var canvas = document.getElementById("myCanvas");
        var context = canvas.getContext("2d");
        
        context.beginPath();
        context.arc(100, 100, 10, 0, 2 * Math.PI);
        context.fillStyle = "blue";
        context.fill();
        context.stroke();
      }
    </script>
  </head>
  <body onload="drawCircle()">
    <canvas id="myCanvas" width="200" height="200"></canvas>
  </body>
</html>

In diesem Beispiel wird getElementById verwendet, um eine Referenz auf das Canvas-Element im HTML-Dokument zu erhalten, und getContext wird verwendet, um einen 2D-Rendering-Kontext für das Canvas zu erhalten. beginPath wird aufgerufen, um einen neuen Pfad zu starten, arc wird verwendet, um einen Bogen mit einem gegebenen Zentrum, Radius, Startwinkel und Endwinkel zu erstellen, und fill und stroke werden verwendet, um den Kreis auszufüllen und zu umreißen.

Du kannst die Position des Kreises ändern, indem du die an die arc-Methode übergebenen Werte änderst, und du kannst die Farbe der Füllung ändern, indem du den der fillStyle zugewiesenen Wert änderst.