univ.phundrak.fr/edit-image/index.html
Phuntsok Drak-pa 4d5a2b0e43 TP3 terminé
2018-10-13 01:28:32 +02:00

63 lines
2.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="fr">
<head>
<title>Button - Lucien Cartier-Tilet</title>
<meta name="author" content="Lucien Cartier-Tilet" />
<meta name="description" content="Page universitaire de Lucien Cartier-Tilet" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="initial-scale=1, user-scalable=yes, maximum-scale=5, width=device-width, height=device-height">
<link rel="stylesheet" type="text/css" href="../css/style.css">
<link rel="stylesheet" type="text/css" href="../css/canvas.css">
<link rel="stylesheet" type="text/css" href="../css/edit-image.css">
<script type="text/javascript" src="../js/edit-image.js"></script>
</head>
<body>
<ul class="navbar">
<li><a href="../">Home</a></li>
<li><a href="../square/">Square</a></li>
<li><a href="../faker/">Faker</a></li>
<li><a href="../canvas/">Canvas</a></li>
<li><a href="../button/">Button</a></li>
<li><a href="../animation/">Animation</a></li>
<li><a class="active" href="../edit-image/">Édition dImage</a></li>
</ul>
<div id="container">
<div class="content">
<p>Édition de paramètres basiques en temps réel dune image utilisateur.</p>
<input type="file" id="files" name="files[]" type="file" accept="image/*" />
<table>
<tr>
<th>
<p>Luminosité</p>
</th>
<th>
<p>Contraste</p>
</th>
<th>
<p>Saturation</p>
</th>
</tr>
<tr>
<td>
<input type="range" min="0" max="200" value="100" class="slider" id="rgnlum">
</td>
<td>
<input type="range" min="0" max="200" value="100" class="slider" id="rgncon">
</td>
<td>
<input type="range" min="0" max="200" value="100" class="slider" id="rgnsat">
</td>
</tr>
</table>
</div>
<div class="slidecontainer">
</div>
<canvas id="canvastp1" width="800" height="600"></canvas>
</div>
</body>
</html>