使用PNG掩码的PHP图像层

时间:2013-02-19 00:38:51

标签: php web layer mask

我们正在尝试实现一个PHP服务器脚本,允许用户更改产品图像的部分颜色。例如,如果你有一个带红色织物座椅的木椅,并且只想改变织物颜色。

我们之前在Flash中实现了一个系统;产品图像是JPG,颜色可编辑区域由存储为具有透明度的单独PNG的掩模定义。使用蒙版的alpha值制作原始图像的副本,并将其放置在原始图像上方的新图层上,实际上将颜色可编辑区域复制到新图层上。然后,用户可以对这个新图层进行颜色编辑。

由于我们已经拥有PNG掩码,因此我们尝试在PHP中实现相同的功能,以使更多最终用户可以访问它。我尝试从PHP GD Use one image to mask another image, including transparency修改脚本,并提出以下

<?php
// Load source and mask
$source = imagecreatefromjpeg( 'source' );
$mask = imagecreatefrompng( 'destination' );
// Apply mask to source
imagealphamask( $source, $mask );
// Output
header( "Content-type: image/png");
imagepng( $source );

function imagealphamask( &$picture, $mask ) {
    // Get sizes and set up new picture
    $xSize = imagesx( $picture );
    $ySize = imagesy( $picture );
    $newPicture = imagecreatetruecolor( $xSize, $ySize );
    imagesavealpha( $newPicture, true );
    imagefill( $newPicture, 0, 0, imagecolorallocatealpha( $newPicture, 0, 0, 0, 127 ) );

    // Resize mask if necessary
    //if( $xSize != imagesx( $mask ) || $ySize != imagesy( $mask ) ) {
       // $tempPic = imagecreatetruecolor( $xSize, $ySize );
       // imagecopyresampled( $tempPic, $mask, 0, 0, 0, 0, $xSize, $ySize, imagesx( $mask ), imagesy( $mask ) );
       // imagedestroy( $mask );
       // $mask = $tempPic;
    //}

    // Perform pixel-based alpha map application
    for( $x = 0; $x < $xSize; $x++ ) {
        for( $y = 0; $y < $ySize; $y++ ) {
            $alpha = imagecolorsforindex( $mask, imagecolorat( $mask, $x, $y ) );
            $alpha = $alpha['alpha'];
            $color = imagecolorsforindex( $picture, imagecolorat( $picture, $x, $y ) );
            //preserve alpha by comparing the two values
            //if ($color['alpha'] > $alpha)
               //$alpha = $color['alpha'];
            //kill data for fully transparent pixels
            if ($alpha == 127) {
                $color['red'] = 0;
                $color['blue'] = 0;
                $color['green'] = 0;
            }
        imagesetpixel( $newPicture, $x, $y, imagecolorallocatealpha( $newPicture, $color[ 'red' ], $color[ 'green' ], $color[ 'blue' ], $alpha ) );
        }
    }

    //TODO: colorize the new layer in some way here, e.g. imagefilter($newPicture, IMG_FILTER_COLORIZE, 150, 90, 0);

    //place the new layer above the original image
   imagecopymerge($picture,$newPicture,0,0,0,0,$xSize,$ySize,100);

}

?>

我不知道任何PHP,但上面的脚本似乎应该做我们想要的。相反,它会切出正确的区域,但用黑色围绕它。

我真的不知道问题是什么,除非它与源图像是JPG而不是PNG有关。我尝试转换为truecolor但它并没有影响输出。

另外......这段代码太慢了。生成图像需要五秒钟。我们应该采用完全不同的方法/使用不同的框架吗?我对Web开发并不了解,但我被分配了这份工作并且必须完成它。

0 个答案:

没有答案