Canvas Arc Gradients

Question

我已经看到了post，这与我的问题完全相同。

如何将渐变应用于像http://widgets.better2web.com/loader/这样的弧？

即使已经回答并且该人确实批准了答案，我仍然不知道如何处理applyAngle函数。

var gradient = context.createLinearGradient(sx, sy, dx, dy);

gradient.addColorStop(0,   '#f00'); // red
gradient.addColorStop(0.5, '#ff0'); // yellow
gradient.addColorStop(1,   '#00f'); // blue

var applyAngle = function (point, angle, distance) {
    return {
          x : point.x + (Math.cos(angle) * distance),
          y : point.y + (Math.sin(angle) * distance)
    };
};

任何人都可以将这个应用于一个简单的弧线。