I want to create a PNG image based on set of images on the page.
Example:
<div id='photoframe'>
<div style='position:absolute;top:30px;left:20px;z-index:33"><img src="[login to view URL]"></div>
<div style='position:absolute;top:230px;left:120px;z-index:22"><img src="[login to view URL]"></div>
<div id='mainimage' style='z-index:3'><img src='[login to view URL]'></div>
</div>
I have an image with other images on top of it (using z-index). I like to create a new single image based on this. It must understand z-index so it knows what should be on top of what. It should keep transparency of PNGs.
It should be a PHP function so I would use it like:
1. Feed php function the entire code inside photoframe
2. Generate a new image based on it
3. Save image as PNG
Thanks
Budget is $150