Question

I want to create collage of photos with PHP. I created a test code on my localhost as follows:

<style type="text/css">
body{background:url('images/Winter.jpg'); }
#collage:after{content:"";clear:both;display:block;}
}

</style>

<?php

ob_start();
$dir = "images";

if($fp = opendir($dir))
{
  while($file = readdir($fp))
  {
    if('jpg'==(pathinfo($file, PATHINFO_EXTENSION)))
    {
      $style = "style='float:left; -webkit-transform:rotate(".mt_rand(2, 30)."deg); border:solid 5px #eee;'";
       $ht = "height='".mt_rand(100, 300)."'";
    echo "<div class='img_div' $style>";
    echo "<img src='$dir/$file' $ht >";
    echo "<div style='background:#eee;font-size:20px;'>hi</div>";
    echo '</div>';
     }
   }
}
closedir($fp);
?>

It generated the output which I want but now I want the user to be able to download it as an image file. How do I do it?

Answer 1

If you want that you will have to create a new blank image using something like php’s GD library and position your images into that instead of printing and positioning them using html/css

(I believe I read somewhere that in the future you will be able to display html/css on a html5 canvas, if that’s true you’d be able to extract an image using that, but for now I don’t think that will be possible)