canvas - キャンバスは丸みを帯びた四角形を逆に描画しますか?

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