Wie kann man kreis in Javascript zeichnen?
Ich bin gerade dabei eine Animation in Javascript zu erstellen. (bin Anfängerin in Java) Dabei würde ich gerne einen Mond einbringen, aber weiß nicht, wie man einen ausgefüllten Kreis programmiert.
Danke schonmal im Voraus für alle Antworten
1 Antwort
Vom Beitragsersteller als hilfreich ausgezeichnet
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
programmieren, JavaScript, Programmiersprache
Hierfür würde ich ein canvas-Element nehmen und mit der Canvas API auf der Fläche zeichnen.
Beispiel:
<!doctype html>
<title>Example</title>
<canvas height="120" id="surface" width="120"></canvas>
<script>
const canvas = document.getElementById("surface");
const context = canvas.getContext("2d");
context.beginPath();
context.arc(60, 60, 50, 0, 2 * Math.PI);
context.stroke();
</script>
Es gibt im Übrigen auch Bibliotheken wie p5.js, die das Zeichnen von Formen und Animationen mit eigenen Funktionen noch weiter vereinfachen.