php - 在圆上创建径向渐变以提供 3D 感觉

Question

我已经能够创建一个 PHP-Imagick 脚本来生成像上面那样的图像。现在我想为这些圆圈添加渐变。下面是一个理想结果的示例。

我希望给这些圆圈一种三维的感觉。希望我能够控制这个径向渐变的 x 和 y 坐标(以便它保持在圆圈内)，以及羽化程度。

---

我知道使用 newPseudoImage() 方法在 Canvas 上创建径向渐变的方法。

$canvas->newPseudoImage(600,300,'radial-gradient:#999999-#333333');

但这在这种情况下无济于事，因为我希望在通过 ellipse() method 创建的圆圈内创建它.这是帮助我创建示例图像的代码的精简版本。当我努力实现这一目标时，我将非常感谢任何可能让我走上正确道路或解决方案的想法和建议。

$canvas = new Imagick();
$canvas->newImage(700,400,new ImagickPixel('#333333'));
$circle = new ImagickDraw();
$circle->setFillColor('#000000'); // transparent
$circle->ellipse( 350, 200, 150, 150, 0, 360);
$canvas->drawImage($circle);
$canvas->setImageFormat( "png" ); // set the image format to png
header("Content-Type: image/png"); // Output the image 
echo $canvas; 

---

更新:所以我意识到，也许这基本上是在圆圈内创建子圆圈的问题(然后另外控制 x-y 坐标，使其保持在母圆圈内)。在圆圈中创建一个圆圈相当容易。下面的示例图片。

---

这是帮助实现上图的更新代码。

$canvas = new Imagick();
$canvas->newImage(700,400,new ImagickPixel('#333333'));
$circle = new ImagickDraw();
    $circle->setFillColor('#000000'); // transparent
    $circle->ellipse( 350, 200, 150, 150, 0, 360);
    $circle->setFillColor('#FFFFFF'); // transparent
    $circle->ellipse( 300, 150, 50, 50, 0, 360);
$canvas->drawImage($circle);
$canvas->setImageFormat( "png" ); // set the image format to png
header("Content-Type: image/png"); // Output the image 
echo $canvas;

在这个阶段我正在寻找一种方法来羽化内圈的边缘。这个相关article at imagemagick看起来像我需要的，但它是一个命令行代码。有人能帮我把代码转换成 imagick/php 语法吗？或者也许建议自己的解决方案。谢谢。

---

最终更新:从@emcconville 的回答中得到提示，我终于能够创建一个圆圈，我认为这是一个很好的羽化。示例如下。

Answer 1

我不相信 MVG 的渐变方法是由 ImagickDraw 类处理的，至少据我所知是这样。但是，ImagickDraw->push 和 ImagickDraw-pop 可用于创建 DIY 渐变和羽化。

$background = new Imagick();
$background->newImage(700,400,new ImagickPixel('#333333'));


$orb = new ImagickDraw();

$orb->ellipse( 350, 200, 150, 150, 0, 360);
for($i=50; $i>0; $i--) {
    $orb->push();
    $color = 'gray' . (25 - (int)($i/2));
    $orb->setFillColor(new ImagickPixel($color));
    $orb->ellipse( 295, 120, $i, $i, 0, 360);
    $orb->pop();

}
$background->drawImage($orb);

或者...

$color = 'gray' . (20 - (int)($i/3));

甚至...

$color = $i > 29 ? 'gray'.(50-$i) : 'grey20';

颜色理论有帮助，因为上面的例子只使用了灰色颜色空间，但一般的想法是迭代高光特征的光强度。

使用 ATop compose可能是最简单的方法，但需要在绘制图形后操作图像实例。

$background = new Imagick();
$background->newImage(700,400,new ImagickPixel('#333333'));
$orb = new ImagickDraw();
$orb->ellipse( 350, 200, 150, 150, 0, 360);
$background->drawImage($orb);
$highlight = new Imagick();
$highlight->newImage(700,400,new ImagickPixel('transparent'));
$orb = new ImagickDraw();
$orb->ellipse( 350, 200, 35, 35, 0, 360);
$highlight->drawImage($orb);
$highlight->negateImage(TRUE);
$highlight->blurImage(0,32);
$background->compositeImage($highlight, Imagick::COMPOSITE_ATOP, -50, -60);