HTML5：パーセンテージでサークル/アークを入力します

Question

これが私の擬似コードです：

var percentage = 0.781743; // no specific length
var degrees = percentage * 360.0;
var radians = degrees * Math.PI / 180.0;

var x = 50;
var y = 50;
var r = 30;
var s = 1.5 * Math.PI;

var context = canvas.getContext('2d');
context.beginPath();
context.lineWidth = 5;
context.arc(x, y, r, s, radians, false);
context.closePath();
context.stroke();

私は使用しています kineticjs 私が作った形状を制御し、必要に応じてそれらを再描画するためのライブラリ。私の問題は、上記のコードがまったく機能しないことです。私は数学が間違っていると思います。 radians のようなものに 4.0 * Math.PI 円全体が描画されます。

私は使用しています HTML5キャンバスアークチュートリアル 参考のため。