可以将图像混合成颜色吗？ （左、右、下）

Question

是否可以将图像的左侧、右侧和底部混合成一种颜色？
可以说，我希望将图像混合成颜色“#F0F0F0”。我希望图像显示为背景的实际部分，所以我认为如果将其混合在一起看起来会很酷。

Answer 1

如果这仅适用于网页，则可以使用基本的 HTML+CSS。就像你说的，你可以使用 PNG 作为背景上的停留（通过仔细定位的

）。

否则，请查看 PHP 的 ImageMagick 库，因为它们会让您以编程方式创建一个像您所描述的混合图像。 (Imagick::colorizeImage)

Answer 2

您可以使用图像操作库来完成此操作，例如 ImageMagick 或 GD。我发现此页面，作者在其中使用使用 GD 执行混合的梯度。

您还可以尝试使用 Imagick::colorizeimage

更新

根据您的屏幕截图，我不明白为什么您不能直接使用 HTML+CSS 来完成您想做的事情。您可以使用透明PNG，也可以使用-moz-opacity、opacity或filter:alpha 在你的CSS中（跨浏览器透明度通过CSS)。

Answer 3

您必须操纵图像的像素数据才能实现此目的，但一旦您涵盖了这一点，它就不再是问题了。获取像素的颜色值并将其与您的混合颜色混合。有一些相当标准的数学可以很好地做到这一点，例如在进行多重纹理时像素着色器中经常使用的算法value1 + (value2 - value1) * amount。

正如其他人所说，GD 等 php 图像库有助于图像的数据操作，因为您不必自己对其进行解码和编码

Answer 4

我不知道你到底需要什么，但是使用半透明 png 作为叠加层，你也可以做很多事情，而无需操作原始图像。

Answer 5

我建议你使用 verot 的 upload php 类。它包含所有当前可用的处理图像的服务器端操作函数（旋转、色调、框架颜色、背景颜色等）。

请参阅此示例代码：

$foo->image_resize          = true;
$foo->image_ratio_fill      = 'R';
$foo->image_y               = 150;
$foo->image_x               = 100;
$foo->image_background_color = '#FF00FF';
$foo->image_rotate          = '90';