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/

需要KineticJS示例：使用Rect填充渐变？

1 个答案: