screen_ruler-utools/ruler.html at main · BrokenClient/screen_ruler-utools · 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
<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
        <title>屏幕标尺</title>
    </head>

    <link href="ruler.css" rel="stylesheet" type="text/css" />

    <body scroll="no">
        <canvas id="can" width="100%" height="100%"></canvas>
        <div id="maindiv" draggable="false">
            <div class="floatdiv">
                <ul>
                    <li><label>宽度:</label><a id="width">0</a></li>
                    <li><label>高度:</label><a id="height">0</a></li>
                </ul>
            </div>
            <div class="floatdiv">
                <ul>
                    <li>
                        <label for="mod_x">X</label>
                        <input type="checkbox" checked="true" id="mod_x" />
                    </li>
                    <li>
                        <label for="mod_y">Y</label>
                        <input type="checkbox" checked="true" id="mod_y" />
                    </li>
                </ul>
            </div>
            <div class="floatdiv">
                <ul>
                    <li>
                        <label for="fix">容差:</label>
                        <input type="number" id="fix" value="0" />
                    </li>
                </ul>
            </div>
        </div>
    </body>

    <script src="ruler.js"></script>

    <script type="text/javascript"></script>
</html>