tiny_image_editor/index.html at main · ityuki/tiny_image_editor · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Tiny Image Editor Sample Page</title>
    <!-- <script src="./js/tie.js"></script> -->
  </head>
  <style>
    html {
      height: 100%;
    }
    body {
      height: 100vh;
      margin: 0px;
    }
    #sample {
      box-sizing:border-box;
      width: 100%;
      height: 100%;
      border: 1px solid;
      resize: both;
      overflow: hidden;
    }
    .tie_cls_default_mainMenu {
      border: 1px solid;
      background-color:cornflowerblue;
      height: 24px;
    }
    .tie_cls_default_rightClickMenu {
      border: 1px solid;
      background-color:aquamarine;
      height: 24px;
    }
  </style>
  <body>
    <div id="sample">
    </div>
    <script type="module">
      import Tie from './js/tie.js';
      var tie = new Tie(document.getElementById('sample'));
      window.tie = tie;
    </script>
  </body>
</html>