toile dessiner rectangle arrondi à l'envers?

Question

Je présente mes excuses à l'avance pour demander, j'a été aimablement fourni avec un code pour dessiner une barre de progression du rectangle de coin arrondi qui était super:

http://jsfiddle.net/P2qTq/

je besoin d'inverser le dessin du rectangle, mais je peux « t pour la vie de moi le gérer

http://jsfiddle.net/P2qTq/7/

J'ai essayé de changer les points où les 4 lignes et 4 coins sont dessinés il commence par le coin en haut à gauche, mais je fais un gâchis total de il:

var startT = 0; 
    var startTR = horizLineLength; 
    var startR = startTR + cornerLength; 
    var startBR = startR + vertLineLength; 
    var startB = startBR + cornerLength; 
    var startBL = startB + horizLineLength; 
    var startL = startBL + cornerLength; 
    var startTL = startL + vertLineLength; 

à

var startTL = 0; 
var startL = startTL + cornerLength; 
var startBL = startL + vertLineLength; 
var startB = startBL + cornerLength; 
var startBR = startB + horizLineLength; 
var startR = startBR + cornerLength; 
var startTR = startR + vertLineLength; 
var startT = startTR = cornerLength; 

Quelqu'un peut-il me diriger dans la bonne direction s'il vous plaît?

Answer 1

Au lieu de cela:

drawPercentRect(ui.value); 

Faites ceci:

drawPercentRect(100-ui.value);