HTML5: remplir le cercle / arc par pourcentage
-
30-10-2019 - |
Question
Voici mon code pseudo:
var percentage = 0.781743; // no specific length
var degrees = percentage * 360.0;
var radians = degrees * Math.PI / 180.0;
var x = 50;
var y = 50;
var r = 30;
var s = 1.5 * Math.PI;
var context = canvas.getContext('2d');
context.beginPath();
context.lineWidth = 5;
context.arc(x, y, r, s, radians, false);
context.closePath();
context.stroke();
J'utilise le Cinétiques bibliothèque pour contrôler les formes que je fais et les redessiner si nécessaire. Mon problème est que le code ci-dessus ne fonctionne pas du tout. Je suppose que j'ai les calculs incorrects, car si je change radians
à quelque chose comme 4.0 * Math.PI
est dessine tout le cercle.
J'ai utilisé Tutoriel à arc en toile HTML5 pour référence.
Pas de solution correcte
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow