帆布反向画圆角矩形？

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