|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>Desk</title>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
|
|
|
<link rel="shortcut icon" href="icons/favicon.svg" id="favicon">
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="default.css?v=5">
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="touch.css?v=2">
|
|
|
|
|
<script type="text/javascript" src="index.js?v=5"></script>
|
|
|
|
|
<script type="text/javascript" src="cursor.js"></script>
|
|
|
|
|
<script type="text/javascript" src="touch.js?v=18"></script>
|
|
|
|
|
<script type="text/javascript" src="websocket.js"></script>
|
|
|
|
|
<script type="text/javascript" src="send.js"></script>
|
|
|
|
|
<script type="text/javascript" src="recv.js"></script>
|
|
|
|
|
<script type="text/javascript" src="math.js"></script>
|
|
|
|
|
<script type="text/javascript" src="draw.js"></script>
|
|
|
|
|
<script type="text/javascript" src="tools.js?v=2"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="toolbar">
|
|
|
|
|
<input type="color" id="brush-color">
|
|
|
|
|
<input type="number" min="1" id="brush-width">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tools-wrapper">
|
|
|
|
|
<div class="tools">
|
|
|
|
|
<div class="tool" data-tool="pencil"><img draggable="false" src="icons/draw.svg"></div>
|
|
|
|
|
<div class="tool" data-tool="ruler"><img draggable="false" src="icons/ruler.svg"></div>
|
|
|
|
|
<div class="tool" data-tool="eraser"><img draggable="false" src="icons/erase.svg"></div>
|
|
|
|
|
<div class="tool" data-tool="undo"><img draggable="false" src="icons/undo.svg"></div>
|
|
|
|
|
<!-- <div class="tool" data-tool="redo"><img draggable="false" src="icons/redo.svg"></div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="brush-preview" class="dhide"></div>
|
|
|
|
|
|
|
|
|
|
<canvas class="canvas white" id="canvas0"></canvas>
|
|
|
|
|
<canvas class="canvas" id="canvas1"></canvas>
|
|
|
|
|
<div class="canvas" id="canvas-images"></div>
|
|
|
|
|
|
|
|
|
|
<div id="toucher"></div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
