Image to CSS
De uma idéia de um amigo ao código, transformar imagem em CSS, missão simples:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | <style> html { font-size:1px; } span { width:1px; height:1px; float:left; display:block; } </style> < ?php $src = 'image.png'; $size = getimagesize($src); $img = imagecreatefrompng($src); echo '<div style="width:',$size[0],'px; height:',$size[1],'px;">'; for ($i=1;$i< =$size[1];$i++) { for ($j=1;$j<=$size[0];$j++) { $rgb = imagecolorat($img, $j, $i); $r = ($rgb >> 16) & 0xFF; $g = ($rgb >> 8) & 0xFF; $b = $rgb & 0xFF; echo '<span style="background: rgb(',$r,',',$g,',',$b,');"></span>'; } $j = 1; } echo ''; ?> |
Versão 0.1, da para melhorar bastante coisa no código. O resultado pode conferir aqui, onde pus minha foto em CSS.
No comments yet