Draw SVG Arrows with PHP

draw-svg-arrows-php

function drawSVGArrow($width, $height, $direction = "right") {

	switch ($direction) {
				
		case "right": 
			$points = array(
				"0, 0",
				$width.", ".floor($width/2),
				"0, ".$width
			);
			$ie = '▶';
			break;
			
		case "left": 
			$points = array(
				$width.", 0",
				"0, ".floor($width/2),
				$width.", ".$width
			);
			$ie = '◀';
			break;
			
		case "down": 
			$points = array(
				"0, 0",
				$width.", 0",
				floor($width/2).", ".$width
			);
			$ie = '▼';
			break;
			
		case "up": 
			$points = array(
				floor($width/2).", 0",
				$width.", ".$width,
				"0, ".$width
			);
			$ie = '▲';
	}
	
	$svg =  '<svg width="'.$width.'" height="'.$height.'" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">';
	$svg .= '<polygon points="'.join($points, " ").'"/>';
	$svg .= '</svg>';
	
	$html =  '<!--[if lte IE 8]>';
	$html .= '<span class="arrow_icon" style="font-size:'.floor(1.6666667 * $height).'px;font-family:Lucida Sans Unicode,Arial Unicode MS,sans-serif;">'.$ie.'</span>';
	$html .= '<![endif]-->';
	$html .= '<!--[gt IE 8]>';
	$html .= $svg;
	$html .= '<![endif]-->';
	$html .= '<!--[if !IE]><!-->';
	$html .= $svg;
	$html .= '<!--<![endif]-->';
	
	return $html;
}

drawSVGArrow(12, 12, "right");