QQ截图20180828092008

引入必要的js和css核心文件
<script src="/path/to/jquery.js"></script><!-- jQuery is required -->
<link  href="/path/to/cropper.css" rel="stylesheet">
<script src="/path/to/cropper.js"></script>
构建html,可以将图片或canvas直接包裹到一个块级元素中

<div class="container">
  <img src="picture.jpg">
</div>
初始化插件,可以使用$.fn.cropper方法来初始化该图片剪裁插件。

$('.container > img').cropper({
  aspectRatio: 16 / 9,
  crop: function(data) {
    // 出来裁切后的图片数据.
  }
});

注意事项:

注意:剪裁区域的尺寸继承自图片的父容器(包裹容器),所以要确保包裹图片的是一个可见的块级元

输出的剪裁数据基于原始的图片尺寸,你可以使用这些数据直接剪裁图片。

如果你要使用跨源图片来作为剪裁图片,请确保你的浏览器支持HTML5 CORS settings attributes,并且你的图片服务器支持Access-Control-Allow-Origin属性。

文档地址:http://www.jq22.com/jquery-info9322
官方网址:http://fengyuanchen.github.io/cropper/

chartjs —— jquery柱状图插件

官网地址: http://www.chartjs.org 文档:http://www.chartjs.org/docs/latest/charts/bar.html CDN: https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2....

阅读全文

ckeditor内容和表单一起提交,ajax提交

在ajax提交表单之前执行这个方法 function updateContent() {     for(instance in CKEDITOR.instances){         CKEDITOR.i...

阅读全文

jquery plupload 上传文件后清空上传队列

最近使用plupload 来上传图片,设置了一个假如当前图片大于10,就不能上传的条件,但是发现,假如这次传了11张,是不可以上传,但是下次只传一张,把之前的11...

阅读全文

评论已经关闭。