1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
var UI_TEMPLATE = [
'<div id="gr_curtain" style="opacity:0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0;background:rgba(255,255,255,0.1);cursor:crosshair;"></div>',
'<div id="gr_outline" style="border:1px solid white;background:rgba(0,255,255,0.5);opacity:0.5; position: absolute;pointer-events:none"></div>',
'<div id="gr_controls" style="position: absolute;top:50px;right:50px;background:rgba(0,0,0,0.8);color:#fff;font-size:14px;min-width:300px; padding: 4px;cursor:default;">',
'frames <input type="text" id="gr_framecount" value="30" style="width:30px;">',
'delay <input type="text" id="gr_framedelay" value="0.06s" style="width:30px;">',
'<button id="gr_record" disabled>record</button>',
'<button id="gr_save" disabled>save</button>',
'<span id="gr_status"></span>',
'<br>',
'w <input type="text" id="gr_w_el" value="" style="width:30px;"> ',
'h <input type="text" id="gr_h_el" value="" style="width:30px;"> ',
'x <input type="text" id="gr_x_el" value="" style="width:30px;"> ',
'y <input type="text" id="gr_y_el" value="" style="width:30px;"> ',
'<br>',
'<div id="gr_preview"></div>',
'</div>'
].join("")
|
