холст нарисовать округлый прямоугольник в обратном направлении?

Question

Заранее прошу прощения за вопрос это, я был любезно предоставлен с некоторым кодом, чтобы нарисовать скругленный угол прямоугольника прогресс бар, который был большим:

http://jsfiddle.net/P2qTq/

Мне нужно обратить рисунок прямоугольника, но я могу «т для жизни мне это удался

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

Я попытался изменить точки, в которых 4 строки и 4 угла нарисованы так, что начинается с верхним левым углом, но я делаю полный беспорядок это:

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; 

Может кто-нибудь мне точку в правильном направлении, пожалуйста?

Answer 1

Вместо этого:

drawPercentRect(ui.value); 

ли это:

drawPercentRect(100-ui.value);