例項:jsp:
<樣式:大圖、小圖展示都需要固定高度、寬度,因為後台需要進行放大處理。div
id="cutimage"
style
="display: none;"
>
<
div
class
="bigimg"
style
="float: left;"
>
<
img
id="srcimg"
src=""
width
="400px"
height
="270px"
/>
div>
<
div
id="preview_box"
class
="previewimg"
>
<
img
id="previewimg"
src=""
width
="120px"
/>
div>
<
div
>
<
form
action
=""method
="post"
id="crop_form"
>
<
input
type
="hidden"
id="bigimage"
name
="bigimage"
/>
<
input
type
="hidden"
id="x"
name
="x"
/>
<
input
type
="hidden"
id="y"
name
="y"
/>
<
input
type
="hidden"
id="w"
name
="w"
/>
<
input
type
="hidden"
id="h"
name
="h"
/>
<
p><
input
type
="button"
value
="確認"
id="crop_submit"
/>
p>
form
>
div>
div>
使用方法:
1//裁剪影象
2function
cutimage());9//
簡單的事件處理程式,響應自onchange,onselect事件,按照上面的jcrop呼叫
10function
showcoords(obj) );26}
27}28 }
1var api = $.jcrop('#cropbox',);
1/**2
* 裁剪頭像3*/
使用jcrop進行頭像剪下
專案需要做乙個頭像擷取的功能,類似於qq頭像擷取功能。在網上搜了下,最後使用jquery外掛程式jcrop來擷取,在後台來進行切割。頭像擷取的原理 在前台使用jcrop獲取切面的x軸座標 y軸座標 切面高度 切面寬度,然後將這四個值傳給後 臺。在後台要進行放大處理 將切面放大n倍,n 原圖 前台展示...
vue專案如何進行頭部元件的抽離復用
建立乙個頭部元件headertop,對於不同的頁面,頭部的中間內容title可能都不一樣,所以我們可以通過父子元件傳值的方式,通過props進行傳值。而對於頭部的左邊和右邊的內容,有的頁面可能會有,有的頁面可能不會有,可以通過插槽slot去解決,slot需要指明name的值,如下 class hea...
使用with進行回溯
with dept deptid,pdeptid as select udepid,uparentid from oa.dbo.depinfo where udepid in select p.udepid from oa.dbo.postinfo as p inner join oa.dbo.us...