Flash：当渐变填充在其父级边界之外绘制时会消失吗？

Question

我尝试使用 beginGradientFill 和 drawRect 在 Flash 中绘制渐变，但是当绘制的矩形部分超出父级边界时，不会绘制渐变根本不。

例如，考虑下面的代码：

function testGradient():void {
    var g:Graphics = container.graphics;
    var width:Number = container.width;
    var height:Number = container.height;
    var y:Number = 0;
    var x:Number = 0;
    var ratios:Array = [255 * y / height, 255 * (y + height) / height];
    g.beginGradientFill(GradientType.LINEAR, [0xFF, 0xFF], [0.6, 0], 
                        ratios, null);
    g.lineStyle(1, 0xFF0000);
    g.drawRect(x, y, width, height);
    g.endFill(); 
}

当绘制的矩形位于 container 的边界内时，一切正常：

但是，如果矩形位于容器边界之外，则根本不会绘制渐变。例如，如果代码更改为：

...
var x:Number = 10;
var y:Number = 10;
...

那么渐变消失：

缺少绘制绘制所需的数学运算框在父级边界内（并修复渐变，使其看起来正确），有什么方法可以处理这个问题吗？

Answer 1

我认为您的问题是您在比率计算中使用了 x/y 位置，这可能会导致值超出范围。

使用比率计算，当 x/y 都为零时，您会得到一个很好的平滑渐变：

ratios = [0,255]

但是，例如，当您将 x/y 设置为 10 时，您的比率数组变为

ratios = [25.5,280.5]

这是无效的。 ratios 需要是 0-255 之间的线性整数系列。超出界限会导致变量被忽略。

如果您希望框的渐变保持一致（无论其 x/y 位置如何），请对您的 ratios 变量进行硬编码，或者对您在比率数组中输入的值进行一些边界检查，以确保它们在 0- 之间255.

请记住，在图形对象上调用drawRect 时，x/y/width/height 是相对于您正在操作的graphics 对象的对象。

希望有帮助。