drawing/index.html at master · caseyhofford/drawing · GitHub

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
<!DOCTYPE html>
<html>
<head>
  <title>Collaborative Drawing</title>
  <link rel="stylesheet" type="text/css" href="index.css"/>
  <script type="text/javascript" src="paint_client.js"></script>
</head>
<body>
  <h1>Collaborative Drawing</h1>
  <h2>by Casey Hofford and Soeren Walls</h2>
  <div id="color_swatch">
    <div class="selector" style="background-color: red;"></div>
    <div class="selector" style="background-color: orange;"></div>
    <div class="selector" style="background-color: yellow;"></div>
    <div class="selector" style="background-color: green;"></div>
    <div class="selector" style="background-color: blue;"></div>
    <div class="selector" style="background-color: purple;"></div>
    <div class="selector" style="background-color: white;"></div>
    <div class="selector" style="background-color: black;"></div>
    <div class="selector"><span>Pick</span><input type="color"/></div>
  </div>
  <div id="brush_size">
    <div class="brush" data-size="4"><span>4</span></div>
    <div class="brush selected" data-size="8"><span>8</span></div>
    <div class="brush" data-size="16"><span>16</span></div>
  </div>
  <div id="canvas_overlay">
    <!-- Where the click events happen. -->
  </div>
  <table id="table">
    <tbody id="tbody">
    </tbody>
  </table>
  <div id="clear" alt="Clear Canvas" title="Clear Canvas">
    <h2>Clear</h2>
    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <!-- Clear button SVG created with Inkscape (http://www.inkscape.org/) -->

    <svg
       xmlns:dc="http://purl.org/dc/elements/1.1/"
       xmlns:cc="http://creativecommons.org/ns#"
       xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
       xmlns:svg="http://www.w3.org/2000/svg"
       xmlns="http://www.w3.org/2000/svg"
       version="1.1"
       width="48"
       height="48"
       id="clearSVG">
      <defs
         id="defs3868" />
      <metadata
         id="metadata3871">
        <rdf:RDF>
          <cc:Work
             rdf:about="">
            <dc:format>image/svg+xml</dc:format>
            <dc:type
               rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
            <dc:title></dc:title>
          </cc:Work>
        </rdf:RDF>
      </metadata>
      <g
         id="layer1">
        <g
           transform="matrix(0.11308684,-0.11564922,0.11308684,0.11564922,-50.780451,12.283806)"
           id="g3775">
          <path
             d="m 425.71428,382.36218 a 145.71428,147.14285 0 1 1 -291.42856,0 145.71428,147.14285 0 1 1 291.42856,0 z"
             transform="matrix(0,-1,1,0,-102.36218,662.36218)"
             id="backcircle"
             style="stroke-width:2.0999999;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
          <path
             d="m 281.66236,500.85703 c 0,-126.29791 -0.55009,-195.85893 -1.16752,-234.15721"
             id="x_part1"
             style="fill:none;stroke:#ffffff;stroke-width:35.04429626;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
          <path
             d="m 162.91799,385.18403 c 129.02475,0 199.87534,-0.55412 238.76691,-1.17431"
             id="x_part2"
             style="fill:none;stroke:#ffffff;stroke-width:35.35589981;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
        </g>
      </g>
    </svg>

    </img>
  </div>
</body>
</html>