圖片大小

容器的大小一般是固定的，但圖片的大小就不是固定的，這里又可以使用SetSize程序用來設(shè)置圖片大?。?

var s = this.GetSize(this._tempImg.width, this._tempImg.height, this.Width, this.Height);
//設(shè)置底圖和切割圖
this._layBase.style.width = this._layCropper.style.width = s.Width + "px";
this._layBase.style.height = this._layCropper.style.height = s.Height + "px";

有了圖片大小就可以用來設(shè)置拖放和縮放的范圍限制了：

this._drag.mxRight = s.Width; this._drag.mxBottom = s.Height;
if(this.Resize){ this._resize.mxRight = s.Width; this._resize.mxBottom = s.Height; }

ps：程序中的Init程序是用來把個性設(shè)置呈現(xiàn)出來，所以一般設(shè)置過屬性之后（例如圖片地址、透明度等）就執(zhí)行一次Init程序就可以顯示效果了。

使用說明

實例化時有三個必要參數(shù)：容器對象、控制層、圖片地址：
var ic = new ImgCropper("bgDiv", "dragDiv", "1.jpg");

有以下這些可選參數(shù)和屬性：

屬性:默認(rèn)值//說明
Opacity: 50,//透明度(0到100)
Color: "",//背景色
Width: 0,//圖片高度
Height: 0,//圖片高度
//縮放觸發(fā)對象
Resize: false,//是否設(shè)置縮放
Right: "",//右邊縮放對象
Left: "",//左邊縮放對象
Up: "",//上邊縮放對象
Down: "",//下邊縮放對象
RightDown: "",//右下縮放對象
LeftDown: "",//左下縮放對象
RightUp: "",//右上縮放對象
LeftUp: "",//左上縮放對象
Min: false,//是否最小寬高限制(為true時下面min參數(shù)有用)
minWidth: 50,//最小寬度
minHeight: 50,//最小高度
Scale: false,//是否按比例縮放
Ratio: 0,//縮放比例(寬/高)
//預(yù)覽對象設(shè)置
Preview: "",//預(yù)覽對象
viewWidth: 0,//預(yù)覽寬度
viewHeight: 0//預(yù)覽高度

最新評論