32 lines
1.2 KiB
HTML
32 lines
1.2 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<title>Moving Square - Lucien Cartier-Tilet</title>
|
|||
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|||
|
|
<meta name="viewport" content="initial-scale=1, user-scalable=no, maximum-scale=1, 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" />
|
|||
|
|
<script type="text/javascript" src="../js/canvas.js"></script>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<ul class="navbar">
|
|||
|
|
<li><a href="../">Home</a></li>
|
|||
|
|
<li><a href="./">Moving red square</a></li>
|
|||
|
|
<li><a href="../faker">Faker</a></li>
|
|||
|
|
<li><a class="active" href="../canvas-zoom">Canvas & Zoom</a></li>
|
|||
|
|
<li><a href="../button">Button</a></li>
|
|||
|
|
</ul>
|
|||
|
|
<div id="container">
|
|||
|
|
<div class="content">
|
|||
|
|
<p>Un canvas contenant une image. En passant la souris par dessus l'image on obtient un zoom sur cette dernière.</p>
|
|||
|
|
</div>
|
|||
|
|
<img src="../img/france_ardeche_landscape.jpg" alt="Vue d’Ardèche" id="ardeche" />
|
|||
|
|
<canvas id="canvastp1" width="800" height="600"></canvas>
|
|||
|
|
<canvas id="loupe" width="80" height="80" display="none"></canvas>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|