Example: Before and After

exampleBeforeAndAfter.php

<?php

/**
 * Linebreaks4imagettftext Example (Before and After)
 *
 * Copyright (c) 2018-2022 Andrew G. Johnson <andrew@andrewgjohnson.com>
 * Permission is hereby granted, free of charge, to any person obtaining a copy of
 * this software and associated documentation files (the "Software"), to deal in the
 * Software without restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the
 * Software, and to permit persons to whom the Software is furnished to do so,
 * subject to the following conditions:
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
 * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
 * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
 * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 *
 * PHP version 5
 *
 * @category  Andrewgjohnson
 * @package   Linebreaks4imagettftext
 * @author    Andrew G. Johnson <andrew@andrewgjohnson.com>
 * @copyright 2018-2022 Andrew G. Johnson <andrew@andrewgjohnson.com>
 * @license   https://opensource.org/licenses/mit/ The MIT License
 * @link      https://github.com/andrewgjohnson/linebreaks4imagettftext
 */

// include the linebreaks4imagettftext source if you're not using Composer
if (file_exists('../source/linebreaks4imagettftext.php')) {
    include_once '../source/linebreaks4imagettftext.php';
} else {
    die('linebreaks4imagettftext.php not found');
}

// set the parameters for our images
$fontPath     = __DIR__ . '/arial.ttf';
$fontSize     = 10;
$fontAngle    = 0;
$text         = file_get_contents(__DIR__ . '/aTaleOfTwoCities.txt');
$textPadding  = 10;
$imageSize    = 300;
$imagePadding = 25;

// generate the before image
$beforeIm = imagecreatetruecolor($imageSize, $imageSize);

// set the before image's background color
$lightRed = imagecolorallocate($beforeIm, 0xFF, 0xDD, 0xDD);
imagefill($beforeIm, 0, 0, $lightRed);

// add the before image's text
$darkRed = imagecolorallocate($beforeIm, 0x66, 0x00, 0x00);
imagettftext(
    $beforeIm,
    $fontSize,
    $fontAngle,
    $textPadding,
    $textPadding + $fontSize,
    $darkRed,
    $fontPath,
    $text
);

// generate the after image
$afterIm = imagecreatetruecolor($imageSize, $imageSize);

// set the after image's background color
$lightGreen = imagecolorallocate($afterIm, 0xDD, 0xFF, 0xDD);
imagefill($afterIm, 0, 0, $lightGreen);

// add the after image's text
$darkGreen = imagecolorallocate($afterIm, 0x00, 0x66, 0x00);
imagettftext(
    $afterIm,
    $fontSize,
    $fontAngle,
    $textPadding,
    $textPadding + $fontSize,
    $darkGreen,
    $fontPath,
    \andrewgjohnson\linebreaks4imagettftext(
        $fontSize,
        $fontAngle,
        $fontPath,
        $text,
        imagesx($afterIm) - $textPadding - $textPadding
    )
);

// generate a single larger image to house both the before & after images
$combinedIm = imagecreatetruecolor(
    $imagePadding + $imageSize + $imagePadding + $imageSize + $imagePadding,
    $imagePadding + $imageSize + $imagePadding
);

// set the combined image's background color
$darkBlue = imagecolorallocate($afterIm, 0x00, 0x00, 0x66);
imagefill($combinedIm, 0, 0, $darkBlue);

// add the before image on the left
imagecopyresampled(
    $combinedIm,
    $beforeIm,
    $imagePadding,
    $imagePadding,
    0,
    0,
    imagesx($beforeIm),
    imagesy($beforeIm),
    imagesx($beforeIm),
    imagesy($beforeIm)
);

// add the after image on the right
imagecopyresampled(
    $combinedIm,
    $afterIm,
    $imagePadding + $imageSize + $imagePadding,
    $imagePadding,
    0,
    0,
    imagesx($afterIm),
    imagesy($afterIm),
    imagesx($afterIm),
    imagesy($afterIm)
);

// display our combined image
header('Content-Type: image/png');
imagepng($combinedIm);

// destroy the GD resources
imagedestroy($beforeIm);
imagedestroy($afterIm);
imagedestroy($combinedIm);

Expected Output

exampleBeforeAndAfter.png