|
4 | 4 | <head>
|
5 | 5 | <meta charset="UTF-8" />
|
6 | 6 | <link rel="icon" type="image/png" href="./logo.png" />
|
7 |
| - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| 7 | + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
8 | 8 | <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui@2.6.8/dist/css/layui.css">
|
9 | 9 | <script src="https://cdn.jsdelivr.net/npm/layui@2.6.8/dist/layui.min.js"></script>
|
10 | 10 | <title>Hello WebAI.js</title>
|
11 | 11 | <script type="module" crossorigin src="./index.js"></script>
|
| 12 | + <link rel="modulepreload" href="./vendor.js"> |
12 | 13 | </head>
|
13 | 14 |
|
14 | 15 | <body>
|
|
29 | 30 | <li class="layui-nav-item">
|
30 | 31 | <a href="javascript:" id='aSeg'>Segmentation</a>
|
31 | 32 | </li>
|
| 33 | + <li class="layui-nav-item"> |
| 34 | + <a href="javascript:" id='aConvertor'>Configs Convertor</a> |
| 35 | + </li> |
32 | 36 | </ul>
|
33 | 37 |
|
34 |
| - <div class="layui-container" style="width: 98%"> |
| 38 | + <div class="layui-container" style="width: 98%" id='predictor'> |
35 | 39 | <br>
|
36 | 40 | <div>
|
37 | 41 | Model select:
|
|
91 | 95 | <table id="tableDom"></table>
|
92 | 96 | </div>
|
93 | 97 | </div>
|
| 98 | + |
| 99 | + <div class="layui-container" style="width: 98%; display: none;" id='convertor'> |
| 100 | + <form class="layui-form" action="" lay-filter="configs"> |
| 101 | + <fieldset class="layui-elem-field layui-field-title"> |
| 102 | + <legend>decode</legend> |
| 103 | + </fieldset> |
| 104 | + <div class="layui-form-item"> |
| 105 | + <label class="layui-form-label">mode</label> |
| 106 | + <div class="layui-input-inline" style="width: 40%;"> |
| 107 | + <select name="mode"> |
| 108 | + <option value="RGB">RGB</option> |
| 109 | + <option value="BGR">BGR</option> |
| 110 | + </select> |
| 111 | + </div> |
| 112 | + </div> |
| 113 | + <fieldset class="layui-elem-field layui-field-title"> |
| 114 | + <legend>resize</legend> |
| 115 | + </fieldset> |
| 116 | + <div class="layui-form-item"> |
| 117 | + <label class="layui-form-label">resize</label> |
| 118 | + <div class="layui-input-block"> |
| 119 | + <input type="checkbox" name="resize" lay-skin="switch" value='true' checked='true'> |
| 120 | + </div> |
| 121 | + </div> |
| 122 | + <div class="layui-form-item"> |
| 123 | + <label class="layui-form-label">keep ratio</label> |
| 124 | + <div class="layui-input-block"> |
| 125 | + <input type="checkbox" name="keep_ratio" lay-skin="switch" value='true' checked='true'> |
| 126 | + </div> |
| 127 | + </div> |
| 128 | + <div class="layui-form-item"> |
| 129 | + <label class="layui-form-label">limit max</label> |
| 130 | + <div class="layui-input-block"> |
| 131 | + <input type="checkbox" name="limit_max" lay-skin="switch" value='true'> |
| 132 | + </div> |
| 133 | + </div> |
| 134 | + <div class="layui-form-item"> |
| 135 | + <label class="layui-form-label">interpolation</label> |
| 136 | + <div class="layui-input-inline" style="width: 40%;"> |
| 137 | + <select name="interp"> |
| 138 | + <option value="0">cv.INTER_NEAREST [0]</option> |
| 139 | + <option value="1" selected='true'>cv.INTER_NEAREST [1]</option> |
| 140 | + <option value="2">cv.INTER_CUBIC [2]</option> |
| 141 | + <option value="3">cv.INTER_AREA [3]</option> |
| 142 | + <option value="4">cv.INTER_LANCZOS4 [4]</option> |
| 143 | + <option value="5">cv.INTER_LINEAR_EXACT [5]</option> |
| 144 | + <option value="6">cv.INTER_NEAREST_EXACT [6]</option> |
| 145 | + <option value="7">cv.INTER_MAX [7]</option> |
| 146 | + </select> |
| 147 | + </div> |
| 148 | + </div> |
| 149 | + <div class="layui-form-item"> |
| 150 | + <label class="layui-form-label">target size</label> |
| 151 | + <div class="layui-input-inline" style="width: 10%;"> |
| 152 | + <input type="number" name="target_size.h" min='0' step="1" value="320" class="layui-input" |
| 153 | + lay-verify="size"> |
| 154 | + </div> |
| 155 | + <div class="layui-input-inline" style="width: 10%;"> |
| 156 | + <input type="number" name="target_size.w" min='0' step="1" value="320" class="layui-input" |
| 157 | + lay-verify="size"> |
| 158 | + </div> |
| 159 | + </div> |
| 160 | + <fieldset class="layui-elem-field layui-field-title"> |
| 161 | + <legend>crop</legend> |
| 162 | + </fieldset> |
| 163 | + <div class="layui-form-item"> |
| 164 | + <label class="layui-form-label">center crop</label> |
| 165 | + <div class="layui-input-block"> |
| 166 | + <input type="checkbox" name="crop" lay-skin="switch"> |
| 167 | + </div> |
| 168 | + </div> |
| 169 | + <div class="layui-form-item"> |
| 170 | + <label class="layui-form-label">crop size</label> |
| 171 | + <div class="layui-input-inline" style="width: 10%;"> |
| 172 | + <input type="number" name="crop_size.h" min='0' step="1" value="224" class="layui-input" |
| 173 | + lay-verify="size"> |
| 174 | + </div> |
| 175 | + <div class="layui-input-inline" style="width: 10%;"> |
| 176 | + <input type="number" name="crop_size.w" min='0' step="1" value="224" class="layui-input" |
| 177 | + lay-verify="size"> |
| 178 | + </div> |
| 179 | + </div> |
| 180 | + <fieldset class="layui-elem-field layui-field-title"> |
| 181 | + <legend>normalize</legend> |
| 182 | + </fieldset> |
| 183 | + <div class="layui-form-item"> |
| 184 | + <label class="layui-form-label">scale</label> |
| 185 | + <div class="layui-input-block"> |
| 186 | + <input type="checkbox" name="is_scale" lay-skin="switch" value='true' checked='true'> |
| 187 | + </div> |
| 188 | + </div> |
| 189 | + <div class="layui-form-item"> |
| 190 | + <label class="layui-form-label">mean</label> |
| 191 | + <div class="layui-input-inline" style="width: 10%;"> |
| 192 | + <input type="number" name="mean.R" min='0' max="255" step="0.1" value="0.5" class="layui-input" |
| 193 | + lay-verify="mean_std"> |
| 194 | + </div> |
| 195 | + <div class="layui-input-inline" style="width: 10%;"> |
| 196 | + <input type="number" name="mean.G" min='0' max="255" step="0.1" value="0.5" class="layui-input" |
| 197 | + lay-verify="mean_std"> |
| 198 | + </div> |
| 199 | + <div class="layui-input-inline" style="width: 10%;"> |
| 200 | + <input type="number" name="mean.B" min='0' max="255" step="0.1" value="0.5" class="layui-input" |
| 201 | + lay-verify="mean_std"> |
| 202 | + </div> |
| 203 | + </div> |
| 204 | + <div class="layui-form-item"> |
| 205 | + <label class="layui-form-label">std</label> |
| 206 | + <div class="layui-input-inline" style="width: 10%;"> |
| 207 | + <input type="number" name="std.R" min='0' max="255" step="0.1" value="0.5" class="layui-input" |
| 208 | + lay-verify="mean_std"> |
| 209 | + </div> |
| 210 | + <div class="layui-input-inline" style="width: 10%;"> |
| 211 | + <input type="number" name="std.G" min='0' max="255" step="0.1" value="0.5" class="layui-input" |
| 212 | + lay-verify="mean_std"> |
| 213 | + </div> |
| 214 | + <div class="layui-input-inline" style="width: 10%;"> |
| 215 | + <input type="number" name="std.B" min='0' max="255" step="0.1" value="0.5" class="layui-input" |
| 216 | + lay-verify="mean_std"> |
| 217 | + </div> |
| 218 | + </div> |
| 219 | + <fieldset class="layui-elem-field layui-field-title"> |
| 220 | + <legend>permute</legend> |
| 221 | + </fieldset> |
| 222 | + <div class="layui-form-item"> |
| 223 | + <label class="layui-form-label">permute</label> |
| 224 | + <div class="layui-input-block"> |
| 225 | + <input type="checkbox" name="permute" lay-skin="switch" value='true' checked='true'> |
| 226 | + </div> |
| 227 | + </div> |
| 228 | + <fieldset class="layui-elem-field layui-field-title"> |
| 229 | + <legend>label</legend> |
| 230 | + </fieldset> |
| 231 | + <div class="layui-form-item layui-form-text"> |
| 232 | + <label class="layui-form-label">label list</label> |
| 233 | + <div class="layui-input-block"> |
| 234 | + <textarea placeholder="class1
class2
class3
..." class="layui-textarea" |
| 235 | + name='label_list'></textarea> |
| 236 | + </div> |
| 237 | + </div> |
| 238 | + <div class="layui-form-item"> |
| 239 | + <div style="text-align:center"> |
| 240 | + <button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">Download</button> |
| 241 | + <button type="button" class="layui-btn layui-btn-warm" id='buttonLoad'>Load<input type="file" |
| 242 | + accept=".yaml,.yml,.json" id="inputLoad" class="layui-upload-file"></button> |
| 243 | + <button type="reset" class="layui-btn layui-btn-danger">Reset</button> |
| 244 | + </div> |
| 245 | + </div> |
| 246 | + </form> |
| 247 | + </div> |
94 | 248 |
|
95 | 249 | </body>
|
96 | 250 |
|
|
0 commit comments