Skip to content

Instantly share code, notes, and snippets.

@james2doyle
Last active May 23, 2019 07:31
Show Gist options
  • Save james2doyle/3aad1d22163c3c3e5cfd to your computer and use it in GitHub Desktop.
Save james2doyle/3aad1d22163c3c3e5cfd to your computer and use it in GitHub Desktop.
Create simple placeholder images using SVG
<?php
// Usage: <img src="placeholder-svg.php?wh=400x400&fill=bada55&color=000000&font=Georgia&size=20" />
$wh = explode('x', $_GET['wh']);
$wh[0] = (int)$wh[0];
$wh[1] = (int)$wh[1];
$fill = isset($_GET['fill']) ? $_GET['fill']: '666666';
$color = isset($_GET['color']) ? $_GET['color']: 'FFFFFF';
$size = isset($_GET['size']) ? (int)$_GET['size']: 60;
$fontfamily = isset($_GET['font']) ? $_GET['font']: 'Arial';
header('Content-Type: image/svg+xml');
?>
<svg viewBox="0 0 <?php echo $wh[0] ?> <?php echo $wh[1] ?>" xmlns="http://www.w3.org/2000/svg">
<g>
<title>placeholder</title>
<rect id="svg_1" height="<?php echo $wh[0] ?>" width="<?php echo $wh[1] ?>" y="0" x="0" fill="#<?php echo $fill ?>"/>
<text x="50%" y="50%" text-anchor="middle" alignment-baseline="middle" font-size="<?php echo $size ?>" dominant-baseline="middle" font-family="<?php echo $fontfamily ?>" fill="#<?php echo $color ?>"><?php echo $wh[0] ?>x<?php echo $wh[1] ?></text>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment