summaryrefslogtreecommitdiff
path: root/web/bigai/0601.html
blob: f20bfe4837120581a67a24725929484c574062a8 (plain)
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
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" /> <!-- reset css -->
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
    <style>
    #canvas1 {
      border: solid;
      color: red;
    }
    #canvas2 {
      border: solid;
      color: green;
    }
    #canvas3 {
      border: solid;
      color: blue;
    }
    </style>
</head>

<body>
    <form id='form1' style="position:relative">
        <div id='d1' style="position:absolute; top:0px; left:0px; z-index:1">
            <canvas id='canvas1' width='200' height='100'>
                  Your browser does not support HTML5 Canvas.
            </canvas>
        </div>
        <div id='d2' style="position:absolute; top:50px; left:50px; z-index:2">
            <canvas id='canvas2' width='100' height='200'>
                  Your browser does not support HTML5 Canvas.
            </canvas>
        </div>
        <div id='d3' style="position:absolute; top:75px; left:75px; z-index:3">
            <canvas id='canvas3' width='50' height='50'>
                  Your browser does not support HTML5 Canvas.
            </canvas>
        </div>
      </form>
</body>

    <script>
       <!--分别对canvas1-2-3 添加东西,然后动态更新各自的元素内容 -->
       
    </script>

</html>