如何用PHP GD库绘制超出图像边界的多边形并扩展图像

要解决这个问题，核心思路是先创建最终尺寸（2:1）的画布，再将裁剪后的1.28:1图像放置到画布的合适位置，最后在画布的空白区域绘制红色多边形——因为GD库无法直接在绘制时扩展图像边界，所以我们需要提前准备好足够大的画布来容纳所有元素。

以下是具体的实现步骤和代码修改方案：

步骤拆解 #

1. 裁剪原始图像至1.28:1比例：保持中心最大化裁剪的逻辑，得到尺寸为$cropW × $cropH的图像（满足$cropW / $cropH = 1.28）。
2. 计算最终2:1画布的尺寸：因为最终比例是2:1，且我们要保留裁剪后图像的高度不变（这样红色条带和右侧内容的高度一致），所以最终宽度为$finalW = 2 * $cropH，高度为$finalH = $cropH。
3. 创建最终尺寸的画布：初始化一个空白画布，背景可以根据需求设置（比如和红色条带同色，或者透明）。
4. 将裁剪后的图像复制到画布右侧：计算偏移量，确保裁剪图对齐画布右侧，左侧留出空间绘制红色多边形。
5. 在画布左侧绘制红色多边形：基于最终画布的尺寸定义多边形坐标，确保完全覆盖左侧空白区域。

代码实现 #

假设你已经完成了原始图像到1.28:1比例的裁剪，且当前图像对象为$this->getCrrImage()，对应的宽高为$this->getCrrWidth()、$this->getCrrHeight()，可以按以下方式修改你的类方法：

/**
 * 创建包含红色条带的2:1最终图像
 * @return NotifAdsCreativeGenerator
 */
public function buildFinal2to1Image(): NotifAdsCreativeGenerator {
    // 1. 计算最终2:1画布的尺寸
    $finalH = $this->getCrrHeight(); // 裁剪后图像的高度 = 最终画布的高度
    $finalW = 2 * $finalH; // 2:1比例的宽度
    $cropW = $this->getCrrWidth();
    $cropH = $finalH;

    // 2. 创建最终画布，以红色条带颜色作为背景（可按需调整）
    list($r, $g, $b) = sscanf(self::OVERLAY_COLOR, "#%02x%02x%02x");
    $finalImg = imagecreatetruecolor($finalW, $finalH);
    $bgColor = imagecolorallocate($finalImg, $r, $g, $b);
    imagefill($finalImg, 0, 0, $bgColor);

    // 3. 将裁剪后的1.28:1图像复制到最终画布的右侧
    $xOffset = $finalW - $cropW; // 计算x轴偏移量，让裁剪图对齐右侧
    imagecopyresampled(
        $finalImg, $this->getCrrImage(),
        $xOffset, 0,
        0, 0,
        $cropW, $cropH,
        $cropW, $cropH
    );

    // 4. 绘制红色多边形（覆盖左侧空白区域，保持原形状逻辑）
    $customRedColor = $bgColor; // 复用背景色，也可重新分配
    // 基于最终画布尺寸定义多边形坐标，匹配你原有的比例参数
    $coords = [
        [0, 0],
        [$xOffset, 0], // 裁剪图左侧的x坐标
        [$xOffset + (int)($cropW * (self::OVERLAY_END_X_RATIO - self::OVERLAY_BEGIN_X_RATIO)), $finalH],
        [0, $finalH]
    ];
    $flattenedCoords = array_merge(...$coords);
    imagefilledpolygon(
        $finalImg,
        $flattenedCoords,
        count($flattenedCoords) / 2,
        $customRedColor
    );

    // 更新当前图像为最终画布
    $this->setCrrImage($finalImg);
    $this->setCrrWidth($finalW);
    $this->setCrrHeight($finalH);

    return $this;
}

关键细节说明 #

• 画布尺寸逻辑：保留裁剪后图像的高度，确保红色条带和右侧内容高度一致，最终图像严格符合2:1比例。
• 图像定位：通过$xOffset = $finalW - $cropW让裁剪图对齐画布右侧，左侧自然留出红色条带的绘制空间。
• 多边形适配：基于最终画布的尺寸调整多边形坐标，既保留了你原本的形状比例逻辑，又避免了绘制超出边界的问题。

这个方案通过提前构建足够大的画布，将所有元素都约束在画布范围内绘制，完美实现了你想要的“扩展图像并绘制超出原边界多边形”的效果。

内容的提问来源于stack exchange，提问作者y2k-shubham