-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathdraw.html
More file actions
108 lines (102 loc) · 5.02 KB
/
draw.html
File metadata and controls
108 lines (102 loc) · 5.02 KB
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta name="theme-color" content="#555555">
<link rel="manifest" href="./css/manifest.json">
<link rel="shortcut icon" href="./img/favicon.png">
<title>Whiteboard</title>
<meta name="description" content="Draw freehand with your tablet or trackpad or mouse">
<link rel="stylesheet" href="./css/draw.css">
<style>@font-face{font-family:uc-nexus-iconfont;src:url(chrome-extension://pogijhnlcfmcppgimcaccdkmbedjkmhi/res/font_9qmmi8b8jsxxbt9.woff) format('woff'),url(chrome-extension://pogijhnlcfmcppgimcaccdkmbedjkmhi/res/font_9qmmi8b8jsxxbt9.ttf) format('truetype')}</style>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root">
<div class="">
<div class="x0 x1 x2 x3">
<div class="x4">
<div color="white" class="x5 x6 x7 x8 x9 x2 xa xb xc xd xe xf">
<div background="rgba(50,50,200,0.8)" class="x5 x6 x7 x8 x9 x2 xa xb xg xd xe xh">
</div>
</div>
<div class="x0">
<div color="white" class="x5 x6 x7 x8 x9 x2 xa xb xc xd xe xf">
<div background="rgba(0,0,0,0.8)" class="x5 x6 x7 x8 x9 x2 xa xb xo xd xe xh">
</div>
</div>
<div color="white" class="x5 x6 x7 x8 x9 x2 xa xb xc xd xe xf">
<div background="rgba(200,50,50,0.8)" class="x5 x6 x7 x8 x9 x2 xa xb xp xd xe xh">
</div>
</div>
<div color="white" class="x5 x6 x7 x8 x9 x2 xa xb xc xd xe xf">
<div background="rgba(50,200,50,0.8)" class="x5 x6 x7 x8 x9 x2 xa xb xq xd xe xh">
</div>
</div>
<div color="white" class="x5 x6 x7 x8 x9 x2 xa xb xc xd xe xf">
<div background="rgba(230,220,10,0.8)" class="x5 x6 x7 x8 x9 x2 xa xb xr xd xe xh">
</div>
</div>
</div>
</div>
<div class="x4">
<div color="white" background="rgba(255, 255, 255, .8)" class="x5 x6 x7 x8 x9 x2 xa xb xi xd xe xf">
<svg width="30" height="30" style="background: transparent;">
<path fill="transparent" stroke="rgba(50,50,200,0.8)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M5 22.5 Q 6 7.5 10.5 15 Q 15 22.5 25 5">
</path>
</svg>
</div>
</div>
<div class="x4">
<div color="rgba(50,50,200,0.8)" background="rgba(255, 255, 255, .8)" class="x5 x6 x7 x8 x9 x2 xa xb xi xd xe xj">
<svg width="30" height="30" style="background: transparent;">
<ellipse cx="15" cy="15" rx="1.5" ry="1.5" fill="rgba(50,50,200,0.8)">
</ellipse>
</svg>
</div>
</div>
<div direction="row" background="rgba(255,255,255,.8)" color="rgba(0,0,0,.8)" class="x5 x6 x7 x8 x9 x2 xa xb xl xd xe xm">
<svg width="30" height="30" style="background: transparent;">
<line x1="7.5" y1="7.5" x2="22.5" y2="22.5" fill="transparent" stroke-width="4.285714285714286" stroke="rgba(200, 50, 50, .8)" stroke-linecap="round" stroke-linejoin="round">
</line>
<line x1="22.5" y1="7.5" x2="7.5" y2="22.5" fill="transparent" stroke-width="4.285714285714286" stroke="rgba(200, 50, 50, .8)" stroke-linecap="round" stroke-linejoin="round">
</line>
</svg>
</div>
<div direction="row" background="rgba(255,255,255,.8)" color="rgba(0,0,0,.8)" class="x5 x6 x7 x8 x9 x2 xa xb xl xd xe xm">
<svg width="30" height="30" style="background: transparent;">
<path fill="transparent" stroke="rgba(0, 0, 0, .8)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M4.285714285714286 15 Q 8.571428571428571 10 15 10 Q 21.428571428571427 10 25.714285714285715 15">
</path>
<path fill="transparent" stroke="rgba(0, 0, 0, .8)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M6.428571428571429 7.5 L 4.285714285714286 15 L 10.714285714285714 17.5">
</path>
</svg>
</div>
<div direction="row" background="rgba(255,255,255,.8)" color="rgba(0,0,0,.8)" class="xk x6 x7 x8 x9 x2 xa xb xl xd xe xm">
<svg width="30" height="30" style="background: transparent;">
<path fill="transparent" stroke="rgba(0, 0, 0, .8)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M4.285714285714286 15 Q 8.571428571428571 10 15 10 Q 21.428571428571427 10 25.714285714285715 15">
</path>
<path fill="transparent" stroke="rgba(0, 0, 0, .8)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M23.571428571428573 7.5 L 25.714285714285715 15 L 19.285714285714285 17.5">
</path>
</svg>
</div>
</div>
<svg class="xn" width="1280" height="709" style="background: transparent;">
<defs>
<pattern id="PatternBackground" patternUnits="userSpaceOnUse" x="0" y="0" width="30" height="30">
<line x1="0" y1="0" x2="0" y2="30" stroke-width="2" stroke="rgba(0, 0, 0, .2)">
</line>
<line x1="0" y1="0" x2="30" y2="0" stroke-width="2" stroke="rgba(0, 0, 0, .2)">
</line>
</pattern>
</defs>
<rect x="0" y="0" width="1280" height="709" fill="url(#PatternBackground)">
</rect>
<ellipse cx="779" cy="176" rx="1.5" ry="1.5" fill="rgba(50,50,200,0.8)">
</ellipse>
</svg>
</div>
</div>
<script type="text/javascript" src="./js/draw.js"></script>
</body>
</html>