anna55
Moderator
Schon stark, was man da alles sehen kann:
Understanding Web Operations Culture - the Graph & Data Obsession
Understanding Web Operations Culture - the Graph & Data Obsession
Besessen von schönen Kurven
- Ersteller anna55
- Erstellt am
anna55
Moderator
War eigentlich der Meinung, dass ich's ganz passabel aus dem Englischen übersetzt hatte...
ZeitGeist
Lounge-Member
ich bin auch drauf reingefallen
kkapsner
Super Moderator
Die Hoffnung stirbt zuletzt: Ein Bild mit CSS
PS: Was man doch nicht für einen Blödsinn macht, wenn man eigentlich lernen sollte.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Ein Bild mit CSS</title>
</head>
<body>
<?php
$bild = imagecreatefrompng("./frau.png");
$hoehe = imagesy($bild);
$breite = imagesx($bild);
$black = imagecolorclosest($bild, 0, 0, 0);
$divs = array();
for ($y = 0; $y < $hoehe; $y++){
for($x = 0; $x < $breite; $x++){
if (imagecolorat($bild, $x, $y) == $black){
$div = array('y' => $y, 'x' => $x);
while(imagecolorat($bild, $x, $y) == $black && $x < $breite){ $x++; }
$div['breite'] = $x - $div['x'];
array_push($divs, $div);
}
}
}
?>
<div style="border: 1px red dashed; position: relative; width: <?php echo $breite;?>px; height: <?php echo $hoehe;?>px;"><?php
foreach ($divs as $div){?>
<div style="position: absolute; background-color: #000000; height: 1px; top: <?php echo $div['y'];?>px; left: <?php echo $div['x'];?>px; width: <?php echo $div['breite'];?>px;"></div><?php } ?>
</div>
</body>PS: Was man doch nicht für einen Blödsinn macht, wenn man eigentlich lernen sollte.
kkapsner
Super Moderator
Und so kann man ein 1.3KB großen Bild zu 262 aufblasen: Ein Bild mit CSS
PS: Wollte ein schöneres Bild nehmen - das auch zum Thema passt - wurde aber zu groß.
PS: Wollte ein schöneres Bild nehmen - das auch zum Thema passt - wurde aber zu groß.
kkapsner
Super Moderator
PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Ein Bild mit CSS</title>
</head>
<body>
<?php
$bild = imagecreatefrompng("./frau_farbig.png");
$hoehe = imagesy($bild);
$breite = imagesx($bild);
$black = imagecolorclosest($bild, 0, 0, 0);
$white = imagecolorclosest($bild, 255, 255, 255);
$divs = array();
for ($y = 0; $y < $hoehe; $y++){
for($x = 0; $x < $breite; $x++){
if (imagecolorat($bild, $x, $y) != $white){
$div = array('y' => $y, 'x' => $x, 'breite' => 1);
$farben = imagecolorsforindex($bild, imagecolorat($bild, $x, $y));
$div['farbe'] = "rgb(" . $farben['red'] . ", " . $farben['green'] . ", " . $farben['blue'] . ")";
array_push($divs, $div);
}
}
}
?>
<div style="border: 1px red dashed; position: relative; background-color: #FFFFFF; width: <?php echo $breite;?>px; height: <?php echo $hoehe;?>px;"><?php
foreach ($divs as $div){?>
<div style="position: absolute; background-color: <?php echo $div['farbe'];?>; height: 1px; top: <?php echo $div['y'];?>px; left: <?php echo $div['x'];?>px; width: <?php echo $div['breite'];?>px;"></div><?php } ?>
</div>
</body>