中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

圖片大小

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

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

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

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程序是用來把個性設置呈現出來，所以一般設置過屬性之后（例如圖片地址、透明度等）就執(zhí)行一次Init程序就可以顯示效果了。

使用說明

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

有以下這些可選參數和屬性：

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

出處：藍色理想
責任編輯：bluehearts

上一頁 JavaScript 圖片切割效果 [2] 下一頁 JavaScript 圖片切割效果 [4]

◎進入論壇網頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。