| 1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <!DOCTYPE html>
- <style type="text/css">
- .input-label{
- margin: 0 auto !important;
- height: 250px !important;
- width: 250px !important;
- }
- </style>
- <html lang="zh">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <meta http-equiv="X-UA-Compatible" content="ie=edge" />
- <title>图片裁剪</title>
- <link rel="stylesheet" href="cropper.min.css" />
- <link rel="stylesheet" href="style.css" />
- <script src="cropper.min.js"></script>
- <script src="uni.webview.1.5.2.js"></script>
- </head>
- <body>
- <div class="file-upload-box">
- <input id="my-input" type="file" class="hidden-input" accept="image/png, image/jpeg, image/webp" />
- <label for="my-input" class="input-label">+</label>
- </div>
- <div class="img-crop-area"></div>
- <!-- <div class="previewAll">
- <div class="preview"></div>
- <div class="preview"></div>
- <div class="preview"></div>
- <div class="preview"></div>
- </div> -->
- <p>
- <button class="btn disabled" id="save">确定</button>
- <button class="btn disabled" id="spin" onclick='spin()'>旋转</button>
- </p>
- <script src="index.js"></script>
- </body>
- </html>
|
