phundrak/univ.phundrak.fr
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

TP2 terminé, onto TP3

Browse Source
This commit is contained in:
Phuntsok Drak-pa
2018-10-12 14:44:50 +02:00
parent d9e60dfd9e
commit dde0bdd2dc
12 changed files with 139 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
canvas/index.html
View File

@@ -1,10 +1,12 @@
<!DOCTYPE html>
<html>
<html lang="fr">
<head>
<title>Moving Square - Lucien Cartier-Tilet</title>
<title>Canvas - 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=no, maximum-scale=1, width=device-width, height=device-height">
<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" />
<script type="text/javascript" src="../js/canvas.js"></script>
@@ -13,16 +15,17 @@
<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>
<li><a href="../square/">Square</a></li>
<li><a href="../faker/">Faker</a></li>
<li><a class="active" href="../canvas/">Canvas</a></li>
<li><a href="../button/">Button</a></li>
</ul>
<div id="container">
<img src="../img/france_ardeche_landscape.jpg" alt="Vue d’Ardèche" id="ardeche" />
<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>
<p><a href="https://www.instagram.com/p/BWqLAPSF7Fh/">[source image]</a></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>