使用 alpha 颜色进行图像旋转不起作用答案

【问题标题】：imagerotate with alpha color not work使用 alpha 颜色进行图像旋转不起作用
【发布时间】：2015-02-08 23:38:46
【问题描述】：

我的情况很奇怪。

它看起来像背景并不总是透明的，但在某种程度上它被破坏了......

代码如下：

$angle = !empty($_GET['a']) ? (int)$_GET['a'] : 0;

$im = imagecreatefromgif(__DIR__ . '/track/direction1.gif');
imagealphablending($im, false);
imagesavealpha($im, true);

$transparency = imagecolorallocatealpha($im, 0, 0, 0, 127);
$rotated = imagerotate($im, $angle, $transparency);

imagealphablending($rotated, false);
imagesavealpha($rotated, true);

imagepng($rotated);
imagedestroy($rotated);

imagedestroy($im);
header('Content-Type: image/png');

只是无法理解发生了什么……我错过了吗？

EDIT1

添加了该功能：

if(!function_exists('imagepalettetotruecolor'))
{
    function imagepalettetotruecolor(&$src)
    {
        if(imageistruecolor($src))
        {
            return true;
        }

        $dst = imagecreatetruecolor(imagesx($src), imagesy($src));
        $black = imagecolorallocate($dst, 0, 0, 0);
        imagecolortransparent($dst, $black);

        $black = imagecolorallocate($src, 0, 0, 0);
        imagecolortransparent($src, $black);

        imagecopy($dst, $src, 0, 0, 0, 0, imagesx($src), imagesy($src));
        imagedestroy($src);

        $src = $dst;

        return true;
    }
}

但现在卡在那个正方形上不想透明....

【问题讨论】：

标签： php image gd dynamic-image-generation

【解决方案1】：

imagecreatefromgif() 创建调色板图像而不是真彩色图像（因为这是 GIF 格式对图像进行编码的方式）。在带有调色板的图像上，透明度的工作方式与真彩色图像不同，您为 $transparency 计算的值没有帮助。

一种解决方案是在旋转之前将$im 转换为真彩色。函数imagepalettetotruecolor() 执行此操作。它从 PHP 5.5 开始可用。如果您坚持使用旧版本，那么您需要自己实现它。检查documentation 页面上的最后一个示例，它已经在那里实现并且它也负责透明度（它有几个小错误，您在运行它时会遇到）。

【讨论】：

【解决方案2】：

imagerotate 执行不力；我经常注意到四舍五入的错误/切边。如果必须，您可以使用 24 位 透明 PNG 图像代替透明 GIF（PNG 支持 alpha 透明度，这意味着边缘将与 HTML 背景颜色很好地混合）。

函数存在透明度问题，解决方法是多加两行：

<?php
$angle = (int) $_GET['a'];
$source = imagecreatefrompng(__DIR__ . DIRECTORY_SEPARATOR . 'direction1.png');
$rotation = imagerotate($source, $angle, imageColorAllocateAlpha($source, 0, 0, 0, 127));
imagealphablending($rotation, false); // handle issue when rotating certain angles
imagesavealpha($rotation, true);      // handle issue when rotating certain angles
header('Content-type: image/png');
imagepng($rotation);
imagedestroy($source);
imagedestroy($rotation);

结果：

作为替代，我可以建议CSS transform吗？

img:nth-child(2) {
  transform: rotate(45deg);
}
img:nth-child(3) {
  transform: rotate(90deg);
}
img:nth-child(4) {
  transform: rotate(135deg);
}

<img src="http://i.stack.imgur.com/oZlZ9.png">
<img src="http://i.stack.imgur.com/oZlZ9.png">
<img src="http://i.stack.imgur.com/oZlZ9.png">
<img src="http://i.stack.imgur.com/oZlZ9.png">

【讨论】：