bitmatrix.js/test.html at master · hmir/bitmatrix.js · 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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>BitMatrix Test</title>
        <script src="BitMatrix.js"></script>
        <script>
            let bmatrix = null;
            function createMatrix() {
                /* BitMatrix constructor takes three parameters:
                *    @containerId: ID of the parent dom element
                *    @props: json options file path OR json object
                *    @callback: callback executed after constructor is called (optional)
                */
                bmatrix = new BitMatrix('matrix_container', 'BitMatrixProps.json');
            }
        </script>
        <style>
            html, body {
                width:  100%;
                height: 100%;
                margin: 0px;
                margin-top: 2.5px;
                overflow: hidden;
                background: black;
            }

            #matrix_container {
                width: 100%;
                height: 100%;
            }
        </style>
    </head>
    <body onLoad="createMatrix()">
        <div id="matrix_container"></div>
    </body>
</html>