web/assets/libs/edusoho/imagecrop/1.0.2/image-crop.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

define(function(require, exports, module) {
    var Widget = require('widget');
    require("jquery.jcrop-css");
    require("jquery.jcrop");

    var ImageCrop = Widget.extend({
    	attrs: {
    		group: 'default'
        },

        events: {
            
        },

    	setup: function(){
	    	var self = this;
	    	var $picture = this.element;

	        var scaledWidth = $picture.attr('width'),
	            scaledHeight = $picture.attr('height'),
	            naturalWidth = $picture.data('naturalWidth'),
	            naturalHeight = $picture.data('naturalHeight'),
	            cropedWidth = this.get("cropedWidth"),
	            cropedHeight = this.get("cropedHeight"),
	            ratio = cropedWidth / cropedHeight,
	            selectWidth = (cropedWidth) * (naturalWidth/scaledWidth),
	            selectHeight = (cropedHeight) * (naturalHeight/scaledHeight);
            /*$picture.css('height', scaledHeight);
*/

	        var img = $picture.Jcrop({
	            trueSize: [naturalWidth, naturalHeight],
	            setSelect: [0, 0, selectWidth, selectHeight],
	            aspectRatio: ratio,
                keySupport: false,
                allowSelect: false,
                onSelect: function(c) {
	                self.trigger("select", c);
	            }
	        });
	        self.set("img", img);
        },

        crop: function(postData){
          var self = this;
          var cropImgUrl = app.imgCropUrl;
          if(!postData) {
            postData = {};
          }

          postData = $.extend(self.element.data('Jcrop').ui.selection.last, postData, {width: this.element.width(), height: this.element.height(), group: self.get('group')});
          //由于小数精度问题，jcrop计算出的x、y初始坐标可能小于0，比如-2.842170943040401e-14, 应当修正此类非法数据
          postData.x = postData.x > 0 ? postData.x : 0;
          postData.y = postData.y > 0 ? postData.y : 0;
          $.post(cropImgUrl, postData ,function(response){
            self.trigger("afterCrop", response);
          })
        }

    });