html5 lineto 颜色,html5 – 画布LineTo中的multicolors

function TrackGraphic(model,canvas) {

//TrackModel

this._model = model;

this.draw = function(context) {

var dx = Math.cos(this._model.startAngle + Math.PI / 2);

var dy = Math.sin(this._model.startAngle + Math.PI / 2);

context.beginPath();

context.lineWidth = 10;

context.moveTo(this._model.offsetX,this._model.offsetY);

//CurvePoint

var p;

for (var d = 0; d < this._model.length; d += 1) {

if (d > 1000) {

console.log('2F2F2F');

context.strokeStyle = "#2F2F2F" //"rgb(255,165,0)"; //0x2F2F2F

} else {

context.strokeStyle = "#FFF" //"rgb(255,0)"; //0x2F2F2F;

console.log('FFFFFF');

}

p = this._model.getTrackPoint(d);

context.lineTo(this._model.offsetX + p.x,this._model.offsetY + p.y)

}

context.stroke();

}

}​

上面的代码在画布中生成线条.线条是一种颜色,我想在开头或任何市政颜色是不同的.我的代码不起作用:(为什么？.如何修复它？