KineticJS Пример: Gradient Fill with Rect?

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/