lazyperson / cropImgBox

图片裁剪并可以进行效果处理(后续将增加多种图像处理效果)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Amaze UI CropImgBox


CropImgBox 插件 Amaze UI 样式移植。

使用说明:

  1. 获取 Amaze UI CropImgBox
  1. 在 Amaze UI 样式之后引入 CropImgBox 样式(dist 目录下的 CSS):

Amaze UI CropImgBox 依赖 Amaze UI 样式。

<link rel="stylesheet" href="path/to/amazeui.min.css"/>
<link rel="stylesheet" href="path/to/amazeui.cropimgbox.min.css"/>
  1. 引入 CropImgBox 插件(dist 目录下的 JS):
<script src="path/to/jquery.min.js"></script>
<script src="path/to/cropimgbox.min.js"></script>
  1. 初始化 CropImgBox:
$(function() {
  var options =
  	{
  		thumbBox: '.cropimgbox-thumbBox',
  		spinner: '.cropimgbox-spinner',
  		imgSrc: ''
  	}
  var cropper = $('.cropimgbox-imageBox').cropimgbox(options);
});

About

图片裁剪并可以进行效果处理(后续将增加多种图像处理效果)

License:Other


Languages

Language:CSS 94.6%Language:JavaScript 4.3%Language:HTML 1.2%