使用jcrop進行頭像剪下

例項：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 }

1

var 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...