Advanced Search

PHP Hamburger Generator

/ Published in: PHP
Save to your folder(s)
Save this script on your localhost and run it whenever you need to generate a "hamburger icon" of a specific size and color. Just tell it the dimensions and bar color and it will output a mathematically perfect hamburger icon as a transparent PNG, which you can just download.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <?php
  2. // Enable robust error reporting to catch errors
  3. error_reporting(E_ALL);
  4.  
  5. // Generate an image if the form has been submitted
  6. if (!empty($_GET)) {
  7. 	// $side is the width and height of the resulting image
  8. 	$side = intval($_GET['side']);
  9. 	// $color is a hexadecimal color (000000 to FFFFFF)
  10. 	$color = $_GET['color'];
  11. 	// If the $color begins with a # sign, strip it off
  12. 	$color = substr($color, 0, 1) == '#' ? substr($color, 1) : $color;
  13. 	// Split the color into the hex value for red, green, and blue
  14. 	list($r, $g, $b) = str_split($color, 2);
  15. 	// Convert the hexadecimal strings to decimal numbers (00=00, FF=255)
  16. 	$r = hexdec($r);
  17. 	$g = hexdec($g);
  18. 	$b = hexdec($b);
  19.  
  20. 	// Create the canvas
  21. 	$image = imagecreatetruecolor($side, $side);
  22. 	// Preserve transparency
  23. 	imagesavealpha($image, true);
  24. 	// Fill it with a transparent background
  25. 	imagefill($image, 0, 0, imagecolorallocatealpha($image, 0, 0, 0, 127));
  26.  
  27. 	// Allocate the bar color
  28. 	$color = imagecolorallocate($image, $r, $g, $b);
  29.  
  30. 	// Draw 3 rectangles on the canvas from (x1, x2) to (y1, y2) and fill
  31. 	// them with the bar color
  32. 	$x1 = $side/7;
  33. 	$x2 = $side-$x1;
  34. 	for ($y1 = $x1; $y1 < $x2; $y1 += $x1*2) {
  35. 		imagefilledrectangle($image, $x1, $y1, $x2-1, $y1+$x1-1, $color);
  36. 	}
  37.  
  38. 	// Output the PNG if no errors were printed during this process
  39. 	if (!headers_sent()) {
  40. 		header('Content-Type: image/png');
  41. 		imagepng($image);
  42. 		imagedestroy($image);
  43. 	}
  44. 	// Terminate
  45. 	exit;
  46. }
  47. ?>
  48. <!DOCTYPE html>
  49. <html lang="en">
  50. 	<head>
  51. 		<meta charset="UTF-8">
  52. 		<title>Hamburger Icon Generator</title>
  53. 	</head>
  54. 	<body>
  55. 		<h1>Hamburger Icon Generator</h1>
  56. 		<form method="get" target="_blank">
  57. 			<p><label>Size <input type="number" name="side" min="7" max="700" step="7" value="49" onchange="document.getElementById('side').innerHTML = this.value;">&times;<span id="side">49</span> (must be a multiple of 7)</label></p>
  58. 			<p><label>Bar Color #<input type="text" name="color" value="000000"> (hex values only)</label></p>
  59. 			<p><input type="submit" value="Generate"></p>
  60. 		</form>
  61. 	</body>
  62. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.