画布反向绘制圆角矩形？

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