You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<!DOCTYPE html>
<html lang="en">
<head> <meta charset="UTF-8"> <title>Graphische Datenverarbeitung - Color - XYZ</title> <script type="text/javascript" src="grayscale.bundle.js"></script> <link rel="icon" type="image/png" href="ai-logo.png"> </head>
<body> <nav class="navbar navbar-light bg-light"> <div class="container"> <a class="navbar-brand" href="/index.html"> <img src="ai-logo.png" width="30" height="30" class="d-inline-block align-top" alt=""> Graphische Datenverarbeitung </a> <div class="navbar-brand">Grayscale</div> </div> </nav> <br> <div class="container"> <div class="row"> <figure class="figure col-sm-6"> <canvas id="result" class="figure-img mx-auto d-block" width="512" height="384"></canvas> <figcaption class="figure-caption text-center"> Create a grayscale version by converting the RBG values to XYZ and use the Y value. </figcaption> </figure> <figure class="figure col-sm-6"> <img class="figure-img mx-auto d-block" src="grayscale-finished.png"> <figcaption class="figure-caption text-center">Reference image</figcaption> </figure> <figure class="figure col-sm-6"> <canvas id="original" class="figure-img mx-auto d-block" width="512" height="384"></canvas> <figcaption class="figure-caption text-center"> Original </figcaption> </figure> </div> </div> </body>
</html>
|