HTML5: riempimento del cerchio/arco per percentuale
-
30-10-2019 - |
Domanda
Ecco il mio codice 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();
Sto usando il Kineticjs Biblioteca per controllare le forme che faccio e le ridisegnano se necessario. Il mio problema è che il codice sopra non funziona affatto. Presumo di avere la matematica errata, perché se cambio radians
a qualcosa di simile 4.0 * Math.PI
è disegnato l'intero cerchio.
Ho usato Tutorial ad arco di tela html5 per riferimento.
Nessuna soluzione corretta
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow