javascript - Canvas ，绘制线段

Question

我的三 Angular 学很弱，因此我不知道如何绘制比整条线的起点和终点短的线段。

http://jsfiddle.net/psycketom/TUyJb/

我尝试过的是，从起点减去目标点的一小部分，但它会导致一条错误的线。

/* 
 * this is an excerpt from fiddle, that shows
 * the actual calculation functions I have implemented
 */
var target = {
    x : width / 2 + 60,
    y : 20
};

var start = {
    x : width / 2,
    y : height
};

var current = {
    x : 0,
    y : 0
};

var growth = 0.5;

current.x = start.x - (target.x * growth);
current.y = start.y - (target.y * growth);

我敢打赌，我必须使用 sin/cos 或三 Angular 函数分支中的其他东西才能得到正确的结果。但是，由于我的三 Angular 函数甚至还没有生锈，但总的来说很弱，所以我陷入了困境。

如何绘制正确的目标线？

Answer 1

如果我理解正确，那么这应该可以满足您的需求:

current.x = start.x + (target.x - start.x) * growth;
current.y = start.y + (target.y - start.y) * growth;