-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
43 lines (43 loc) · 1.99 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Proto découpe</title>
<style>
img,canvas{position: absolute;top:0px;left:0px;}
#niveau{position: fixed;width: 20px;height: 20px;background-color:#FFA;text-align:right;border-radius: 5px;}
#divers{
position: absolute;
left: 545px;
top:10px;
right: 10px;
}
</style>
</head>
<body>
<img id="page" src="exemple.jpg"/>
<div id="niveau"></div>
<div id="divers">
<a href="index.html">Exemple 1</a><br/>
<a href="tableau.html">Exemple 2</a><br/>
<br/>
<strong>Il manque dans ce prototype :</strong><br/>
- pouvoir annuler la dernière action<br/>
- pouvoir déplacer une ligne par glissé déplacé<br/>
- pouvoir supprimer une ligne (et voir comment gérer lignes de découpes orphelines)<br/>
- visualiser l'ordre des blocs selon le niveau de profondeur limite choisie<br/>
- découpage automatique<br/>
- envoyer chaque zone à l'OCR<br/>
- taggage de chaque zone pour en décrire le type (exo, théorème, énoncé, question, réponse...)<br/>
- une implémentation technique correcte pour fluidifier et rendre plus maintenable.<br/>
<br/>
<strong>Utilisation :</strong><br/>
- cliquez pour placer une ligne de découpe à l'emplacement du curseur<br/>
- maintenez la touche Ctrl enfoncée pour placer des lignes verticales<br/>
- maintenez la touche Shift enfoncée pour vérouiller le niveau de la ligne à placer<br/>
- lorsque Shift est enfoncé, faites tourner la molette en allongeant votre doigt pour élever le niveau de priorité de votre ligne de découpe et la faire aller audela des lignes qu'elle rencontre<br/>
- lorsque Shift est enfoncé, faites tourner la molette dans l'autre sens pour réduire la portée de votre ligne de découpe<br/>
</div>
<script src="main.js"></script>
</body>
</html>