Skip to main content

PHP custom postcard


i am creating a new feature on my site that allow people to send postcard to friends. in this section they can choose the image they want to send (they already uplaoded the image to their profile -> my pictures section)



i am using the php function to create the text that goes on the right but how can i add another image to this image with the text?



i use imagettftext to create the text, imagecreatefromjpeg to open the main image (see below) and imagedestroy when im done



thanks



i am using this postcard: postcard-template.jpg


Source: Tips4allCCNA FINAL EXAM

Comments

  1. First you will have to crop the image to fit in your postcard.
    Based on your image here's what you have to do:

    <?php

    $sourceImage = './postcard-template.jpg';
    $uploadedImage = '/path/to/image/hong-kong2.jpg'; // let's get hong kong as example
    $mime = '';
    $font = '/path/to/font/arial.ttf';

    function CroppedThumbnail($source, $width, $height, &$mime) {
    $data = getimagesize($source);
    $sourceWidth = $data[0];
    $sourceHeight = $data[1];
    $mime = $data['mime'];
    $image = imagecreatefromjpeg($source);
    $sourceRatio = $sourceWidth/$sourceHeight;
    if (($width/$height) > $sourceRatio) {
    $newHeight = $width/$sourceRatio;
    $newWidth = $width;
    }
    else {
    $newWidth = $height*$sourceRatio;
    $newHeight = $height;
    }
    $croppedImage = imagecreatetruecolor(round($newWidth), round($newHeight));
    imagecopyresampled($croppedImage, $image, 0, 0, 0, 0, $newWidth, $newHeight, $sourceWidth, $sourceHeight);
    $thumb = imagecreatetruecolor($width, $height);
    imagecopyresampled($thumb, $croppedImage, 0, 0, (($newWidth/2)-($width/2)), (($newHeight/2)-($height/2)), $width, $height, $width, $height);
    imagedestroy($croppedImage);
    imagedestroy($image);
    return $thumb;
    }

    // Create the cropped image first
    $newThumb = CroppedThumbnail($uploadedImage,240,315, $mime);
    switch($mime) {
    case 'image/gif':
    $image = imagecreatefromgif($sourceImage);
    break;
    case 'image/jpeg':
    $image = imagecreatefromjpeg($sourceImage);
    break;
    case 'image/png':
    $image = imagecreatefrompng($sourceImage);
    break;
    default:
    // error or stop script
    break;
    }
    $message = "this is some text\nsome other text\ntext text";

    imagettftext($image, 21, 0, 320, 255, imagecolorallocate($image, 0, 0, 0), $font, $message);
    imagecopy($image, $newThumb, 40, 40, 0, 0, 240, 315);
    header('Content-Type: image/jpeg');
    imagejpeg($image);
    imagedestroy($image);


    For example I use this image ( needs to be cropped ) :



    then it will output:

    ReplyDelete
  2. Use imagecopymerge to copy the photo onto the post card

    bool imagecopymerge ( resource $dst_im , resource $src_im , int $dst_x , int $dst_y , int $src_x , int $src_y , int $src_w , int $src_h , int $pct )

    ReplyDelete

Post a Comment

Popular posts from this blog

Why is this Javascript much *slower* than its jQuery equivalent?

I have a HTML list of about 500 items and a "filter" box above it. I started by using jQuery to filter the list when I typed a letter (timing code added later): $('#filter').keyup( function() { var jqStart = (new Date).getTime(); var search = $(this).val().toLowerCase(); var $list = $('ul.ablist > li'); $list.each( function() { if ( $(this).text().toLowerCase().indexOf(search) === -1 ) $(this).hide(); else $(this).show(); } ); console.log('Time: ' + ((new Date).getTime() - jqStart)); } ); However, there was a couple of seconds delay after typing each letter (particularly the first letter). So I thought it may be slightly quicker if I used plain Javascript (I read recently that jQuery's each function is particularly slow). Here's my JS equivalent: document.getElementById('filter').addEventListener( 'keyup', function () { var jsStart = (new Date).getTime()...