.

2019-03-13 16:03:59 +08:00
commit ca2f3f4822
224 changed files with 56136 additions and 0 deletions
--- a/root/res/zui/lib/imgcutter/zui.imgcutter.css
+++ b/root/res/zui/lib/imgcutter/zui.imgcutter.css
@@ -0,0 +1,120 @@
+/*!
+ * ZUI: 图片裁剪工具 - v1.8.1 - 2018-01-18
+ * http://zui.sexy
+ * GitHub: https://github.com/easysoft/zui.git 
+ * Copyright (c) 2018 cnezsoft.com; Licensed MIT
+ */
+
+.img-cutter {
+  padding: 10px;
+  margin-bottom: 20px;
+  background: #e5e5e5;
+  border: 1px solid #ddd;
+  }
+.img-cutter > .canvas {
+  position: relative;
+  min-width: 50px;
+  max-width: 100%;
+  margin: 0 auto;
+  }
+.img-cutter > .canvas > .cover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
+       -o-transition: all .4s cubic-bezier(.175, .885, .32, 1);
+          transition: all .4s cubic-bezier(.175, .885, .32, 1);
+  }
+.img-cutter > .canvas > img {
+  -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
+       -o-transition: all .4s cubic-bezier(.175, .885, .32, 1);
+          transition: all .4s cubic-bezier(.175, .885, .32, 1);
+  }
+.img-cutter > .canvas > .controller {
+  position: absolute;
+  top: 5%;
+  left: 5%;
+  z-index: 5;
+  width: 100px;
+  height: 100px;
+  cursor: move;
+  background: none;
+  border: 1px dashed #fff;
+  border-color: rgba(255, 255, 255, .7);
+  -webkit-transition: opacity .4s cubic-bezier(.175, .885, .32, 1);
+       -o-transition: opacity .4s cubic-bezier(.175, .885, .32, 1);
+          transition: opacity .4s cubic-bezier(.175, .885, .32, 1);
+  }
+.img-cutter > .canvas > .controller > .control {
+  position: absolute;
+  width: 6px;
+  height: 6px;
+  background: #000;
+  background: rgba(0, 0, 0, .6);
+  border: 1px solid #fff;
+  border-color: rgba(255, 255, 255, .6);
+  }
+.img-cutter > .canvas > .controller > .control[data-direction='left'] {
+  top: 50%;
+  left: -4px;
+  margin-top: -3px;
+  cursor: w-resize;
+  }
+.img-cutter > .canvas > .controller > .control[data-direction='top'] {
+  top: -4px;
+  left: 50%;
+  margin-left: -3px;
+  cursor: n-resize;
+  }
+.img-cutter > .canvas > .controller > .control[data-direction='right'] {
+  top: 50%;
+  right: -4px;
+  margin-top: -3px;
+  cursor: e-resize;
+  }
+.img-cutter > .canvas > .controller > .control[data-direction='bottom'] {
+  bottom: -4px;
+  left: 50%;
+  margin-left: -3px;
+  cursor: s-resize;
+  }
+.img-cutter > .canvas > .controller > .control[data-direction='top-left'] {
+  top: -4px;
+  left: -4px;
+  cursor: nw-resize;
+  }
+.img-cutter > .canvas > .controller > .control[data-direction='top-right'] {
+  top: -4px;
+  right: -4px;
+  cursor: ne-resize;
+  }
+.img-cutter > .canvas > .controller > .control[data-direction='bottom-left'] {
+  bottom: -4px;
+  left: -4px;
+  cursor: sw-resize;
+  }
+.img-cutter > .canvas > .controller > .control[data-direction='bottom-right'] {
+  right: -4px;
+  bottom: -4px;
+  cursor: se-resize;
+  }
+.img-cutter > .canvas > .cliper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  width: 100%;
+  height: 100%;
+  clip: rect(0px, 50px, 50px, 0);
+  }
+.img-cutter.hover > .canvas > img,
+.img-cutter.hover > .canvas > .controller > .cover {
+  filter: alpha(opacity=0);
+  opacity: 0;
+  }
+.img-cutter.hover > .canvas > .controller {
+  display: none;
+  }