How can a <map> be added to a dynamically generated image in PHP?

To add a <map> to a dynamically generated image in PHP, you can create the <map> tag with its corresponding <area> tags to define clickable areas on the image. Each <area> tag should specify the coordinates and the URL to redirect to when clicked. Finally, you can output the <map> tag along with the image in the HTML output. 

&lt;?php
// Create a new image
$image = imagecreate(200, 200);
$white = imagecolorallocate($image, 255, 255, 255);

// Define clickable areas
$map = &#039;&lt;map name=&quot;image-map&quot;&gt;&#039;;
$map .= &#039;&lt;area shape=&quot;rect&quot; coords=&quot;0,0,100,100&quot; href=&quot;page1.php&quot;&gt;&#039;;
$map .= &#039;&lt;area shape=&quot;rect&quot; coords=&quot;100,100,200,200&quot; href=&quot;page2.php&quot;&gt;&#039;;
$map .= &#039;&lt;/map&gt;&#039;;

// Output the image with the map
echo &#039;&lt;img src=&quot;generated_image.php&quot; usemap=&quot;#image-map&quot;&gt;&#039;;
echo $map;
?&gt;

Keywords

PHP image manipulation dynamic generation <map> HTML mapping

Related Questions