far-canvas/example/index.html at aba24c2f6fffc0d5a1614b391fcb109a60434457 · nextml-code/far-canvas · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <style>
            body {
                background: #CEF;
            }
            div {
                display: inline-block;
            }
            #reference_container {
                border: solid green 1px;
            }
            #far_container {
                border: solid red 1px;
            }
        </style>
    </head>
    <body>
        <div>
            <div id="reference_container" class="canvas_container">
                <canvas id="reference" width="8" height="8"></canvas>
            </div>
            <h3 style="text-align: center">reference</h3>
        </div>
        <div>
            <div id="far_container" class="canvas_container">
                <canvas id="far" width="8" height="8"></canvas>
            </div>
            <h3 style="text-align: center">far</h3>
        </div>
        <script type="application/javascript" src="../lib.web/index.js"></script>
        <script type="module" src="./example.js"></script>
    </body>
</html>