Заливка градиентом beginGradientFill

[Cybo]

Уважаемые, что-то я совсем запутался...
Не могу понять как работает ratios в заливке градиентом beginGradientFill(...)
Устанавливаю rations = [0, 255].
Рисую прямоугольник drawRect(0, 0, 300, 300).
Заливаю его градиентом от 0xff0000 до 0x0000ff.
Запускаю, и вижу, что как будто левый и правый края градиента находятся находятся где-то за пределами прямоугольника. А если изменить размеры размеры и заново перерисовать с тем же rations-параметром, то получается другая картина. В хелпе написано: "... может принимать значения от 0 до 255...", а нифига.
Вообщем не могу понять как он работает. Подскажите - что не так?

Вот пример:

var square:Shape = new Shape();
square.graphics.lineStyle(1, 0x000000);
var rotateMatrix:Matrix = new Matrix();
rotateMatrix.rotate(90/180*Math.PI);
var colors:Array = [0xff0000, 0x0000ff];
var alphas:Array = [1, 1];
var rations:Array = [0, 255];
square.graphics.beginGradientFill(GradientType.LINEAR, colors, alphas, rations, rotateMatrix, SpreadMethod.PAD, InterpolationMethod.RGB);
square.graphics.drawRect(0, 0, 200, 300);
square.graphics.endFill();
addChild(square);

Результат: