首先需要5個參數(shù)，分別是：容器對象、拖放對象、圖片地址、圖片寬度、圖片高度。
可選設(shè)置：
Opacity:透明度(0到100)，
dragTop:拖放對象top，
dragLeft:拖放對象left，
dragWidth:拖放對象寬度，
dragHeight:拖放對象高度，
縮放觸發(fā)對象：
Right,Left,Up,Down,RightDown,LeftDown,RightUp,LeftUp,
Scale:是否按比例縮放，
View:預覽對象，
viewWidth:預覽寬度，
viewHeight:預覽高度，

實例化對象：

Code
var ic = new ImgCropper("bgDiv", "dragDiv", "1.jpg", 400, 500, {
dragTop: 50, dragLeft: 50,
Right: "rRight", Left: "rLeft", Up: "rUp", Down: "rDown",
RightDown: "rRightDown", LeftDown: "rLeftDown", RightUp: "rRightUp", LeftUp: "rLeftUp",
View: "viewDiv", viewWidth: 200, viewHeight: 200
})
可以根據(jù)需要擴展，例如：

Code
//設(shè)置圖片大小
function Size(w, h){
ic.Width = w;
ic.Height = h;
ic.Init();
}
//換圖片
function Pic(url){
ic.Url = url;
ic.Init();
}
//設(shè)置透明度
function Opacity(i){
ic.Opacity = i;
ic.Init();
}
//是否使用比例
function Scale(b){
ic.Scale = b;
ic.Init();
}
補充：

里面的Drag拖放程序和Resize縮放程序是可以獨立出來用的，
ImgCropper圖片切割程序只是在內(nèi)部實例化了這兩個對象。

最新評論