#javascript_drawing; moveTo_LineTo: Hol a hiba a 360 fokos beosztásomban?

"Sejtem, hogy a moveTo és a LineTo ahol a konkrét gond van"

Rosszul sejted.

function draw()

{

var canvas = document.getElementById('circle');

if (canvas.getContext)

{

var ctx = canvas.getContext('2d');

var X = canvas.width / 2;

var Y = canvas.height / 2;

var R = 45;

ctx.beginPath();

ctx.arc(X, Y, R, 0, 2 * Math.PI, false);

ctx.lineWidth = 3;

ctx.strokeStyle = '#FF0000';

ctx.stroke();

}

}

De most mit szeretnél? A jelenlegi kódod a kör tetejéhez húzott érintő pontjaiból:

ct.moveTo(a, 0); // a kezdetben függőlegesen középen van, majd mindig növeled

a kör középpontjába húz vonalakat.

Ez nyilván abban a negyedben van csak ahol látod.

A szögfüggvények a barátaid.

let y = Math.sin(all * Math.PI / 180) * ch/2 + ch/2;

let x = Math.cos(all * Math.PI / 180) * cw/2 + cw/2;