%PDF- %PDF-
Direktori : /home/vacivi36/intranet.vacivitta.com.br/protected/vendor/mistic100/randomcolor/demo/ |
Current File : /home/vacivi36/intranet.vacivitta.com.br/protected/vendor/mistic100/randomcolor/demo/index.php |
<?php include '../src/RandomColor.php'; use \Colors\RandomColor; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>Random Color generator for PHP</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> <style> .container { max-width:600px; } p { margin-top:1em font-size:1.2em; color:#555; } h2, h3, pre { margin-top:2em; } .output span { display:inline-block; width:47px; height:47px; margin:8px; border-radius:50%; } .footer { padding-top:40px; padding-bottom:40px; margin-top:40px; border-top:1px solid #EEE; } .btn-download { border-radius:22px; margin-top:2em; } .btn-reload { position:fixed; top:10px; left:10px; } </style> </head> <body class="container"> <button onclick="document.location.reload()" class="btn btn-link btn-reload"> <i class="glyphicon glyphicon-repeat"></i> Reload demo </button> <header class="page-header"> <h1>RandomColor <small>A color generator for PHP</small></h1> </header> <h2>What is it?</h2> <p> This is a port of the <a href="http://llllll.li/randomColor">randomColor.js</a> script created by David Merfield. </p> <p> RandomColor generates <b>attractive colors</b> by default. More specifically, RandomColor produces bright colors with a reasonably high saturation. This makes randomColor particularly useful for <b>data visualizations</b> and <b>generative art</b>. </p> <a class="btn btn-danger btn-lg btn-download" href="https://github.com/mistic100/RandomColor.php"> Get the code on GitHub <i class="glyphicon glyphicon-arrow-right"></i> </a> <h2>Examples</h2> <p> Once you have included <a href="https://github.com/mistic100/RandomColor.php">RandomColor.class.php</a> on your app, calling <code>RandomColor::one($options)</code> or <code>RandomColor::many($count, $options)</code> will return a random attractive color. Beneath is the live output of 36 generations. </p> <pre>RandomColor::many(36);</pre> <div class="output"> <?php foreach (RandomColor::many(36) as $c) echo '<span style="background:' . $c . ';"></span>'; ?> </div> <p> You can also pass an options object to randomColor. This allows you to specify the hue, luminosity and the format of colors to generate. </p> <h3>Format</h3> <?php $c = RandomColor::one(array('format'=>'hsv','luminosity'=>'dark')); ?> <pre> RandomColor::one(array('format'=>'hex')); <?php echo '<span style="color:' . RandomColor::hsv2hex($c) . ';">// "' . RandomColor::hsv2hex($c) . '"</span>'; ?> RandomColor::one(array('format'=>'hsv')); <?php echo '<span style="color:' . RandomColor::hsv2hex($c) . ';">// ' . preg_replace('/\s+|,\s+(\))/', '$1', var_export($c, true)) . '</span>'; ?> RandomColor::one(array('format'=>'hsl')); <?php echo '<span style="color:' . RandomColor::hsv2hex($c) . ';">// ' . preg_replace('/\s+|,\s+(\))/', '$1', var_export(RandomColor::hsv2hsl($c), true)) . '</span>'; ?> RandomColor::one(array('format'=>'rgb')); <?php echo '<span style="color:' . RandomColor::hsv2hex($c) . ';">// ' . preg_replace('/\s+|,\s+(\))/', '$1', var_export(RandomColor::hsv2rgb($c), true)) . '</span>'; ?> RandomColor::one(array('format'=>'hslCss')); <?php echo '<span style="color:' . RandomColor::hsv2hex($c) . ';">// "' . RandomColor::format($c, 'hslCss') . '"</span>'; ?> RandomColor::one(array('format'=>'rgbCss')); <?php echo '<span style="color:' . RandomColor::hsv2hex($c) . ';">// "' . RandomColor::format($c, 'rgbCss') . '"</span>'; ?> </pre> <h3>Similar colors</h3> <pre>RandomColor::many(18, array('hue'=>'red'));</pre> <div class="output"> <?php foreach (RandomColor::many(18, array('hue'=>'red')) as $c) echo '<span style="background:' . $c . ';"></span>'; ?> </div> <pre>RandomColor::many(18, array('hue'=>'orange'));</pre> <div class="output"> <?php foreach (RandomColor::many(18, array('hue'=>'orange')) as $c) echo '<span style="background:' . $c . ';"></span>'; ?> </div> <pre>RandomColor::many(18, array('hue'=>'yellow'));</pre> <div class="output"> <?php foreach (RandomColor::many(18, array('hue'=>'yellow')) as $c) echo '<span style="background:' . $c . ';"></span>'; ?> </div> <pre>RandomColor::many(18, array('hue'=>'green'));</pre> <div class="output"> <?php foreach (RandomColor::many(18, array('hue'=>'green')) as $c) echo '<span style="background:' . $c . ';"></span>'; ?> </div> <pre>RandomColor::many(18, array('hue'=>'blue'));</pre> <div class="output"> <?php foreach (RandomColor::many(18, array('hue'=>'blue')) as $c) echo '<span style="background:' . $c . ';"></span>'; ?> </div> <pre>RandomColor::many(18, array('hue'=>'purple'));</pre> <div class="output"> <?php foreach (RandomColor::many(18, array('hue'=>'purple')) as $c) echo '<span style="background:' . $c . ';"></span>'; ?> </div> <pre>RandomColor::many(18, array('hue'=>'pink'));</pre> <div class="output"> <?php foreach (RandomColor::many(18, array('hue'=>'pink')) as $c) echo '<span style="background:' . $c . ';"></span>'; ?> </div> <pre>RandomColor::many(18, array('hue'=>'monochrome'));</pre> <div class="output"> <?php foreach (RandomColor::many(18, array('hue'=>'monochrome')) as $c) echo '<span style="background:' . $c . ';"></span>'; ?> </div> <h3>Multiple colors</h3> <pre>RandomColor::many(27, array('hue'=>array('blue', 'yellow')));</pre> <div class="output"> <?php foreach (RandomColor::many(27, array('hue'=>array('blue', 'yellow'))) as $c) echo '<span style="background:' . $c . ';"></span>'; ?> </div> <h3>Light colors</h3> <pre>RandomColor::many(27, array('luminosity'=>'light'));</pre> <div class="output"> <?php foreach (RandomColor::many(27, array('luminosity'=>'light')) as $c) echo '<span style="background:' . $c . ';"></span>'; ?> </div> <h3>Dark colors</h3> <pre>RandomColor::many(27, array('luminosity'=>'dark'));</pre> <div class="output"> <?php foreach (RandomColor::many(27, array('luminosity'=>'dark')) as $c) echo '<span style="background:' . $c . ';"></span>'; ?> </div> <h3>Truly random colors</h3> <pre>RandomColor::many(36, array('luminosity'=>'random', 'hue'=>'random'));</pre> <div class="output"> <?php foreach (RandomColor::many(36, array('luminosity'=>'random', 'hue'=>'random')) as $c) echo '<span style="background:' . $c . ';"></span>'; ?> </div> <a class="btn btn-danger btn-lg btn-download" href="https://github.com/mistic100/RandomColor.php"> Get this on GitHub <i class="glyphicon glyphicon-arrow-right"></i> </a> <footer class="footer"> <p>Made by <a href="http://www.strangeplanet.fr">Damien "Mistic" Sorel</a> based on the work of <a href="http://twitter.com/davidmerfieId">David Merfield</a>. Licensed under the MIT License.</p> </footer> </body> </html>