在圆上创建径向渐变以提供 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;

UPDATE ：所以我意识到，也许这基本上是在一个圆圈内创建一个子圆圈的问题（然后另外控制 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 class 处理的，至少据我所知是这样。但是，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);

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

create a radial-gradient over a circle to deliver a 3D feel

php

imagemagick

image-processing

imagick