Domanda breve: usando il percorso SVG, possiamo disegnare il 99,99% di un cerchio e questo si presenta, ma quando è il 99.99999999% di un cerchio, allora il cerchio non verrà visualizzato. Come può essere aggiustato?
Il seguente percorso SVG può disegnare il 99,99% di un cerchio: (provalo su http://jsfiddle.net/DFhUF/1381/ e vedi se vedi 4 archi o solo 2 archi, ma nota che se è IE, è renderizzato in VML, non in SVG, ma presenta un problema simile)
M 100 100 a 50 50 0 1 0 0.00001 0
Ma quando è il 99.99999999% di un cerchio, allora nulla mostrerà affatto?
M 100 100 a 50 50 0 1 0 0.00000001 0
E questo è lo stesso con il 100% di un cerchio (è ancora un arco, no, solo un arco molto completo)
M 100 100 a 50 50 0 1 0 0 0
Come può essere risolto? Il motivo è che uso una funzione per disegnare una percentuale di un arco e se ho bisogno di "caso speciale" un arco del 99,9999% o del 100% per usare la funzione cerchio, sarebbe un po 'sciocco.
Ancora una volta, un caso di prova su jsfiddle usando RaphaelJS è su http://jsfiddle.net/DFhUF/1381/
(e se è VML su IE 8, anche il secondo cerchio non mostrerà ... devi cambiarlo in 0.01)
Aggiornare:
Questo perché sto realizzando un arco per un punteggio nel nostro sistema, quindi 3,3 punti ottengono 1/3 di un cerchio. 0,5 ottiene mezzo cerchio e 9,9 punti ottengono il 99% di un cerchio. Ma cosa succede se ci sono punteggi che sono 9.99 nel nostro sistema? Devo verificare se è vicino al 99,999% di un cerchio e utilizzare una arc
funzione o una circle
funzione di conseguenza? E che dire di un punteggio di 9.9987? Quale usare? È ridicolo dover sapere quale tipo di punteggi verrà mappato su un "cerchio troppo completo" e passare a una funzione di cerchio, e quando è "un certo 99,9%" di un cerchio o un punteggio di 9.9987, quindi utilizzare la funzione arco .