-
Notifications
You must be signed in to change notification settings - Fork 0
/
Paint.html
50 lines (41 loc) · 2.35 KB
/
Paint.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
44
45
46
47
48
49
50
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Paint</title>
<link rel="stylesheet" href="Paint.css">
<script src="Paint.js" defer></script>
</head>
<body>
<body bgcolor="white">
<table align="left" bgcolor="black" width="200" height="632" border="24" cellspacing="0" id="table" style="position:absolute; top:40px; left:70px;" >
<tr align="center">
<td style="border: 1px solid black;"><input type="button" value="Очистить всё" name="def" OnClick="def();" id="default"></td>
</tr>
<tr align="center">
<td style="border: 1px solid black;"><input type="button" OnClick="draw();" id="kist"></td>
<td style="border: 1px solid black;"><input type="button" OnClick="drawCircle();" id="drawCircle";></td>
</tr>
<tr align="center">
<td style="border: 1px solid black;"> <input type="button" OnClick="eraser();" id="delete"></td>
<td style="border: 1px solid black;"><input type="button" OnClick="drawEllips();" id="drawEllips";></td>
</tr>
<tr align="center">
<td style="border: 1px solid black;"><input type="button" OnClick="changeMode_stroke();" id="changeMode_stroke";>
<input type="button" OnClick="changeMode_fill();" id="changeMode_fill";></td>
<td style="border: 1px solid black;"><input type="button" OnClick="drawSquare();" id="drawSquare";></td>
</tr>
<tr align="center">
<td style="border: 1px solid black;"><input type="color" id="color"></td>
<td style="border: 1px solid black;"><input type="button" OnClick="drawRect();" id="drawRect";> <br><input type="button" OnClick="linedraw();" id="lindr";></br></td>
</tr>
<tr align="center"><td style="border: 1px solid black;"><input type="button" OnClick="pipette();" id="pipette"></td>
<td style="border: 1px solid black;"><input type="button" OnClick="filling();" id="filling"></td>
</tr>
<tr align="center"><td style="border: 1px solid black;"><input type="button" value="Сохранить" name="save" OnClick="saveImage();" id="save"></td></tr>
</table>
<input type="range" min="3" max="60" value="12" id="lineWidth" style="position:absolute; top: 648px; left:268px; >
<div align="center">
<canvas id="c1" width="900" height="600" style="position:absolute; top:40px; left:270px;" ></canvas>
</body>
</html>