kineticjs - 需要 KineticJS 示例：矩形渐变填充？

Question

我还没有使用 KineticJS rect 对象进行渐变填充。这是我的代码：

var width = 500;
var height = 20;
y = y + 20;
var rect = new Kinetic.Rect({
    x: centerOfCanvasX - (width / 2),
    y: y,
    stroke: '#000',
    strokeWidth: 1,
    fill: '#fff',
    width: width,
    height: height,
    fillLinearGradientStartPoint: [10, 0],
    fillLinearGradientEndPoint: [400, 0],
    fillLinearGradientColorStops: [0, 'red', 300, 'yellow']
});
mainLayer.add(rect);

我错过了什么？

非常感谢大家提供任何信息！

Answer 1

看起来问题在这里：

fillLinearGradientColorStops: [0, 'red', 300, 'yellow']

值应该从 0 到 1。

fillLinearGradientColorStops: [0, 'red', 1, 'yellow']

示例：http: //jsfiddle.net/lavrton/DVzeE/