|
@ -8,12 +8,12 @@
|
8
|
8
|
<style type="text/css">
|
9
|
9
|
*{margin:0;padding: 0;}
|
10
|
10
|
body,html{background-color:#000;position:relative;width:100%;height:100%;overflow: hidden;}
|
11
|
|
.canvas_img,.canvas,.canvas_div,.canvas_btn,.canvas_bg{position: absolute;}
|
|
11
|
.canvas_img,.canvas_img2,.canvas,.canvas_div,.canvas_btn,.canvas_bg{position: absolute;}
|
12
|
12
|
.canvas_div,.canvas_bg{left:0;top:0;bottom:0;right:0;}
|
13
|
13
|
.canvas_img{z-index:1;}
|
14
|
|
.canvas_bg{background-color: rgba(0,0,0,.6);z-index:2;}
|
15
|
|
.canvas{left:25px ;border:1px solid #fff;top:30px;z-index:100; }
|
16
|
|
.canvas_div{z-index:999;}
|
|
14
|
.canvas_bg{background-color: rgba(0,0,0,.1);z-index:2;}
|
|
15
|
.canvas{left:25px ;border:1px solid #fff;top:30px;z-index:100; }
|
|
16
|
.canvas_div{z-index:999; border-style: solid; border-color:#000;opacity: 0.5;}
|
17
|
17
|
.canvas_btn {bottom:0;left:0;right:0;height:50px;background-color: #fff;z-index:1000;}
|
18
|
18
|
.canvas_btn a{float:left;color:#222;width:60px;line-height:50px;text-decoration: none;text-align: center;}
|
19
|
19
|
.canvas_btn .canvas_ok{float:right;}
|
|
@ -22,9 +22,11 @@
|
22
|
22
|
</head>
|
23
|
23
|
<body>
|
24
|
24
|
<input type="hidden" name="img_base64" id="img_base64" value="" />
|
25
|
|
<img id="canvas_img" src="" class="canvas_img" />
|
26
|
25
|
<div class="canvas_bg"></div>
|
|
26
|
<img id="canvas_img" src="" class="canvas_img" style="display: none;" />
|
|
27
|
<img id="canvas_img2" src="" class="canvas_img2" >
|
27
|
28
|
<canvas id="canvas" class="canvas"></canvas>
|
|
29
|
<canvas id="canvas2" class="canvas" style="display: none;"></canvas>
|
28
|
30
|
<div id="canvas_div" class="canvas_div"></div>
|
29
|
31
|
<div class="canvas_btn">
|
30
|
32
|
<a href="javascript:void(0);" class="canvas_cancel mui-action-back">取消</a>
|
|
@ -32,7 +34,7 @@
|
32
|
34
|
</div>
|
33
|
35
|
<script src="../js/public/mui.min.js"></script>
|
34
|
36
|
<script src="../js/public/base.js"></script>
|
35
|
|
<script src="../js/public/exif.js"></script>
|
|
37
|
<script src="../js/public/exif.js"></script>
|
36
|
38
|
<script src="../js/picture-upload.js"></script>
|
37
|
39
|
</body>
|
38
|
40
|
</html>
|