帆布反向畫圓角矩形？

Question

我提前道歉問這個，我是好心提供了一些代碼來繪製一個圓角矩形的進度條，這很不錯：

http://jsfiddle.net/P2qTq/

我需要扭轉矩形的繪製，但我可以「t代表我的生活管理它

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);