无法获得径向渐变

Question

我尝试使用径向渐变填充创建椭圆，但闪光灯使其填充纯色（第二个 - 0xe9afaf）

var mat:Matrix = new Matrix();  
mat.createGradientBox(150, 100, 0, 0, 0);

timeField = new Shape();
timeField.graphics.beginGradientFill(GradientType.RADIAL, [0xd35f57, 0xe9afaf], [1, 1], [0,255],mat);
timeField.graphics.lineStyle(3, 0x561717);
timeField.graphics.drawEllipse(GlobalVariables.globalStage.stageWidth / 2 - 75, -50, 150, 100);
timeField.graphics.endFill();

addChild(timeField);

我不知道出了什么问题。

Answer 1

矩阵的渐变框和椭圆的位置偏离中心，因此在所有颜色渐渐消失后，您将看到渐变的实体部分。您将不得不偏移渐变框以匹配椭圆的位置。

第2行： mat.createGradientBox(150, 100, 0, GlobalVariables.globalStage.stageWidth / 2 - 75, -50);

或者您也可以将椭圆设置为0,0并将timeField移动到您想要的中心位置。

timeField.graphics.drawEllipse(0, 0, 150, 100);

timeField.x = GlobalVariables.globalStage.stageWidth / 2 - 75;
timeField.y = -50;