首先到官網(deepliquid.com/content/Jcrop.html)下載Jcrop外掛接下來就是吧你所下載的包解壓並放在你的專案裡.然後就是各種的配置了,根據你的專案需求,比選擇框預設大小之類的.另外在jQuery_jcrop.js問價的最下端有一段初始化的程式碼,根據需求更改初始化

$.Jcrop.defaults = {
    // Basic Settings
    allowSelect: false,           //是否可以選擇true/false
    allowMove: true,
    allowResize: false,      //是否可以改變選擇框大小,true/false
    trackDocument: true
    // Styling Options
    baseClass: 'jcrop',
    addClass: null,
    bgColor: 'black',
    bgOpacity: 0.6,
    bgFade: false,
    borderOpacity: 0.4,
    handleOpacity: 0.5,
    handleSize: null,
    setSelect: [0,0,200,200],       //選擇框的初始大小[x1,y1,x2,y2]
    aspectRatio: 0,
    keySupport: true,
    createHandles: ['n','s','e','w','nw','ne','se','sw'],
    createDragbars: ['n','s','e','w'],
    createBorders: ['n','s','e','w'],
    drawBorders: true,
    dragEdges: true,
    fixedSupport: true,
    touchSupport: null,
    shade: null,
    boxWidth: 0,
    boxHeight: 0,
    boundary: 2,
    fadeTime: 400,
    animationDelay: 20,
    swingSpeed: 3,
    minSelect: [0, 0],
    maxSize: [0, 0],
    minSize: [0, 0],
    // Callbacks / Event Handlers
    onChange: function () {},
    onSelect: function () {},
    onDblClick: function () {},
    onRelease: function () {}
  };

另外這些引數也會用到很多

var api = {
      setImage: setImage,
      animateTo: animateTo,
      setSelect: [40,40,240,240],
      setOptions: setOptionsNew,
      tellSelect: tellSelect,
      tellScaled: tellScaled,
      setClass: setClass,


      disable: disableCrop,
      enable: enableCrop,
      cancel: cancelCrop,
      release: Selection.release,
      destroy: destroy,


      focus: KeyManager.watchKeys,


      getBounds: function () {
        return [boundx * xscale, boundy * yscale];
      },
      getWidgetSize: function () {
        return [boundx, boundy];
      },
      getScaleFactor: function () {
        return [xscale, yscale];
      },
      getOptions: function() {
        // careful: internal values are returned
        return options;
      },


      ui: {
        holder: $div,
        selection: $sel
      }
    };

主要就是這些,另外在官網有它的英文API,

(http://www.jb51.net/article/39806.htm)坑啊,之前沒找到這個,基本都是自己試出來的,廢了好大勁,現在存下來,以後或許用得到.

還有擷取的圖片地址是寫死的,我是先把圖片傳到伺服器然後把地址傳回來再顯示\擷取,好像對伺服器壓力有影響,望大神賜教