使用 imagick 绘制透明图像 PHP

Outline a transparent image using imagick PHP

我有一张透明背景的图片,我想用 5 像素的边框勾勒出轮廓。在photoshop中,我可以通过描边来实现。

我试过使用 borderImage 但它不会勾勒出企鹅的轮廓。

$image = new Imagick();
$image->readImage('tux.png');

$image->borderImage(new ImagickPixel('red'), 5, 5); // no outline

这是图片。

这就是我想要实现的。

我将从命令行开始,稍后可能会执行 PHP,或者让您稍微解决一下...

步骤 1 - 提取透明度

如您所见,-border勾勒出整个图像,但您实际上只想勾勒出不透明区域所以你需要使用透明度或 alpha 层。让我们先提取它:

convert tux.png -alpha extract alpha.png

步骤 2 - 获取不透明区域的边缘

现在,你想要轮廓的边缘,所以我将使用 -morphology:

convert alpha.png -morphology edge octagon -threshold 50% edge.png

我听说人们在 PHP 中难以进行形态学操作,所以这里有一个不使用形态学的替代方法。基本上,它复制 alpha 层,然后使用统计数据找到每个 3x3 框中最亮的像素(这只会在 3x3 框中有一些黑色和一些白色像素的边缘产生影响)然后差异原始结果显示受影响的像素。做比描述更容易!

convert alpha.png \( +clone -statistic maximum 3x3 -threshold 50% \) -compose difference -composite edge.png

使用 5x5 框来获得更粗的线条。

我看到有一个 -edge 5 选项更简单 - 我们生活和学习!

第 3 步 - 使边缘变红并保持透明

现在你想让白色变成红色,黑色变成透明:

convert edge.png -fill red -opaque white -transparent black rededge.png

第 4 步 - 在原件上合成红色轮廓

最后,您想将其合成到原件上:

convert tux.png rededge.png -composite result.png

全猪

或者,您可以像这样一次完成所有操作:

convert tux.png  \( +clone -alpha extract -morphology edge octagon -threshold 50% -fill red -opaque white -transparent black \) -composite result.png

-morphology edge 相比,您可能更喜欢 -morphology edgeout 更微妙的效果。

PHP版本

我的 PHP 技能是 "low",但我已经开始并且正在取得一些进展 - 稍后会更新,但到目前为止看起来像这样:

   $image = new Imagick("tux.png");
   $alpha = clone $image;
   $alpha->separateImageChannel(Imagick::CHANNEL_ALPHA);
   $alpha->negateImage(true);
   $alpha->edgeImage(5);
   $alpha->opaquePaintImage("white","red",65000,FALSE);
   $alpha->transparentPaintImage("black",0.0,0,FALSE);
   $image->compositeImage($alpha,Imagick::COMPOSITE_DEFAULT,0,0);
   $image->writeImage("result.png");

这似乎很有用,但有些方面可能需要整理 - 特别是 65000 幻数,也许还有一些不必要的克隆和其他东西 - 我会把它留给你!

enter image description here 函数 getCharacterOutline() {

$imagick = new \Imagick(realpath("pen.png"));
$character = new \Imagick();
$character->newPseudoImage(
    $imagick->getImageWidth(),
    $imagick->getImageHeight(),
    "canvas:white"
);
$canvas = new \Imagick();
$canvas->newPseudoImage(
    $imagick->getImageWidth(),
    $imagick->getImageHeight(),
    "canvas:black"
);

$character->compositeimage(
    $imagick,
    \Imagick::COMPOSITE_COPYOPACITY,
    0, 0
);
$canvas->compositeimage(
    $character,
    \Imagick::COMPOSITE_ATOP,
    0, 0
);
$canvas->setFormat('png');

return $canvas;

}

$canvas = getCharacterOutline();
$kernel   =\ImagickKernel::fromBuiltIn(\Imagick::KERNEL_OCTAGON, "3");
$canvas->morphology(\Imagick::MORPHOLOGY_EDGE, 1, $kernel);
header("Content-Type: image/png"); 
echo $canvas->getImageBlob();
 [result][1]