Kółka HTML Canvas

Przykład

const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.stroke();

Spróbuj sam

Narysuj okrąg

Aby narysować koło na płótnie, użyj następujących metod:

• beginPath() - zaczyna ścieżkę
• arc(x,y,r,start,end) - definiuje koło
• stroke() - rysuje

arc(x,y,r,start,end) - tworzy łuk (krzywą).

Aby utworzyć koło, ustaw kąt początkowy na 0, a kąt końcowy na 2 * Math.PI.

x i y parametry definiują współrzędne środka koła.

Parametr r definiuje promień koła.

Zobacz również:

Pełne podręcznik referencyjny Canvas CodeW3C.com