Browse Source

修改ios拍照问题

xuchunyang 8 years ago
parent
commit
906c0cfd50
1 changed files with 8 additions and 6 deletions
  1. 8 6
      app/html/picture-upload.html

+ 8 - 6
app/html/picture-upload.html

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