PHP GD 三角形图像裁剪

Question

我注意到有一些脚本将尝试执行此操作，但没有一个非常适合我的情况。

我收集了一些我发现的脚本来尝试提出正确的解决方案。

但是我现在遇到了 2 个问题。

1. 图像未居中。
2. 三角形的边长不相等。

演示在http://owenmelbourne.com/triangle.php

代码是

$src = imagecreatefromjpeg ('http://uat.eruptedevents.secureping.co.uk/media/images/upload/1200/154.jpg');
// Get image width/height

$srcWidth   = imagesx ($src);
$srcHeight  = imagesy ($src);

// Get centre position

$centreX    = floor ($srcWidth / 2);
$centreY    = floor ($srcHeight / 2);

// Set new image size and start x/y

$destWidth  = $srcWidth;
$destHeight = $srcHeight;

$destSX     = 0;
$destSY     = $centreY;

// Create the image
$square = 500;

if( $srcWidth >= $srcHeight ){
    $square = $srcHeight;
}
else {
    $square = $srcWidth;
}
$shift = array ("left" => 0, "top" => 0);

$shift["left"] = ( $srcWidth / 4 ) * -1;
$shift["top"] = ( $srcHeight / 4 ) * -1;

$dest   = imagecreatetruecolor ($square, $square);

// Copy from source
imagecopy ($dest, $src, $shift["left"], $shift["top"], 0, 0, $destWidth, $destHeight);

// OK... we now have the correctly sized rectangle copied over from the source image
// Lets cut it down and turn it into the triangle we want by removing the other triangles
// We remove the area by defining another colour as transparent and creating shapes with that colour

$colRed  = imagecolorallocatealpha ($dest, 255, 0, 0, 0);
$blue  = imagecolorallocatealpha ($dest, 0, 0, 244, 0);
imagecolortransparent ($dest, $colRed);

$sidelength = $square;

imagefilledpolygon ($dest, array (
                    0, 0,
                    $square/2, 0,
                    0, $square
                    ), 3, $colRed);
imagefilledpolygon ($dest, array (
                    $square, 0,
                    $square, $square,
                    $square/2, 0
                    ), 3, $colRed);

$dest2   = imagecreatetruecolor ($square, $square);

// Output new image

header ('Content-Type: image/png');
imagepng ($dest);

// Clean up

imagedestroy ($thumbNail);
imagedestroy ($dest);

我将如何从中间截取一个完美的三角形并将其作为图像返回？

非常感谢

Answer 1

矩形中的等边三角形

是的，假设您想要一个矩形内的最大等边三角形，其平面平行于水平轴，即。最上面的点，那么根据矩形的纵横比有两种情况。

---

横向矩形（宽>高）

在这种情况下，矩形的高度是限制因素。

任务是确定三角形边的长度，并用它找到三角形的两个底点的位置，从矩形的中点取一半的长度。

如果我们将三角形长度称为e，就像它在图表上标记的那样（也称为g 和f），并且矩形的高度标记为a，那么快速了解一下三角函数状态那：

sin 60 = opp / hyp = a / e = sqrt(3) / 2

所以

e = 2a / sqrt(3)

图中的水平边我们可以称为b，中点显然在b / 2，所以三角形底边的点在[ (b / 2) ± (e / 2) , 0 ]。

要执行裁剪，请执行以下步骤：

1. 创建与源大小相同的新图像
2. 将整个目的地填充为透明
3. 从三角形的两个基点之间的源复制一个矩形，整个高度，到相同的位置 目的地
4. 从三角形的两个基点到与上面平行的矩形的顶部，在两侧用透明填充三角形 它们到矩形顶部的中点

---

纵向矩形（宽度

在这种情况下，宽度是限制因素。

因此三角形边的长度就是矩形的宽度，所以这是已知的。需要计算的是三角形的高度。

如果我们称高度为H，如图所示，宽度为b，如前所述，那么简单的三角函数表示：

sin 60 = opp / hyp = H / b = sqrt(3) / 2

所以

H = b x sqrt(3) / 2

图中的垂直边我们可以称为a，中点在a / 2，所以三角形底边的点在[ 0 , (a / 2) + (H / 2) ]和[ b , (a / 2) + (H / 2) ]，三角形的尖端三角形E 位于[ (b / 2) , (a / 2) - (H / 2) ]。

要执行裁剪，请执行以下步骤，（最初是两个 步骤与之前相同）：

1. 创建与源大小相同的新图像
2. 将整个目的地填充为透明
3. 从三角形E的底部和尖端之间的全宽源复制一个矩形到目标中的相同位置
4. 从三角形的两个基点到三角形的尖端E上的点用两边的透明填充三角形 与E 相同高度的边缘与基点在同一侧 有问题的三角形

注意。在你有一个正方形的情况下，任何一个计算都应该工作，尽管景观计算对我来说似乎更简单，所以我会使用它。

---

代码

改编自你自己的，所以不是我通常的编码风格，但它有效。花了一段时间，因为透明度在 GD 中有点让人头疼。

原创

裁剪 （使用下面的代码创建）

<?php

// Acquire image

$src = imagecreatefromjpeg ('http://i.stack.imgur.com/YlnCJ.jpg');

// Get image width/height

$srcWidth   = imagesx ($src);
$srcHeight  = imagesy ($src);

// Get centre position

$centreX    = floor ($srcWidth / 2);
$centreY    = floor ($srcHeight / 2);

// Calculate triangle length (base) and points

if ( $srcWidth >= $srcHeight ) {
    $base = (2 * $srcHeight) / sqrt(3);
    $points = array( 'a' => array( 'x' => $centreX - ( $base / 2 ),
                                   'y' => $srcHeight ),
                     'b' => array( 'x' => $centreX + ( $base / 2 ),
                                   'y' => $srcHeight ),
                     'c' => array( 'x' => $centreX,
                                   'y' => 0 ) );
} else {
    $base = $srcWidth;
    $height = $base * sqrt(3) / 2;
    $points = array( 'a' => array( 'x' => 0,
                                   'y' => $centreY + ( $height / 2 ) ),
                     'b' => array( 'x' => $srcWidth,
                                   'y' => $centreY + ( $height / 2 ) ),
                     'c' => array( 'x' => $centreX,
                                   'y' => $centreY - ( $height / 2 ) ) ); 
}

// Create destination, same size as source

$dest = imagecreatetruecolor ($srcWidth, $srcHeight);

// Setup full alpha handling for pngs (8-bit)
imagealphablending ($dest, false);
imagesavealpha ($dest, true);

// Define a transparent colour

$colTrans  = imagecolorallocatealpha ($dest, 255, 255, 255, 127);

// If old png transparency was used, setting the transparency colour
// would be needed, with 8-bit it is not
// imagecolortransparent ($dest, $colTrans);

// Make the image transparent

imagefill ($dest, 0, 0, $colTrans);

// Copy from source just the rectangle flush with the triangle

imagecopy ($dest, $src, // Images
           $points['a']['x'], $points['c']['y'], // Destination x,y
           $points['a']['x'], $points['c']['y'], // Source x,y
           $points['b']['x'] - $points['a']['x'], // Width
           $points['a']['y'] - $points['c']['y']); // Height

// Fill out the triangles within that area not wanted with transparent

// Left side

imagefilledpolygon ($dest, array( $points['a']['x'], $points['a']['y'],
                                  $points['c']['x'], $points['c']['y'],
                                  $points['a']['x'], $points['c']['y'] ),
                    3, $colTrans);

// Right side

imagefilledpolygon ($dest, array( $points['b']['x'], $points['b']['y'],
                                  $points['c']['x'], $points['c']['y'],
                                  $points['b']['x'], $points['c']['y'] ),
                    3, $colTrans);

// Output new image

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

imagepng ($dest);

// Clean up

imagedestroy ($src);
imagedestroy ($dest);

Answer 2

ImageArtist 是 GD 的一个包装器，可以让我编写的开发人员更轻松。您可以使用它来创建任何类型的多边形

 $triangle = new Triangle("http://i.stack.imgur.com/YlnCJ.jpg");
 $triangle->setPointA(50,0,true);
 $triangle->setPointB(100,100,true);
 $triangle->setPointC(0,100,true);
 $triangle->build();
 $triangle->dump(); //this is for debugging only read documentation for more operations

最终输出是这样的