2011-09-30 4 views
0

我們試圖讓用戶從所選照片中選擇一個人的確切臉部,我們希望通過提供一個橢圓形來實現這一點,用戶必須通過調整照片大小或橢圓形本身來適應臉部。是否有jQuery插件或JavaScript代碼允許在一個圓圈中調整大小/裁剪客戶端大小的圖像?

有沒有我可以使用的插件,還是需要從頭開始?

+0

你或許可以用一個畫布元素來完成它,但如果你從頭開始,這將是一個相當學習的曲線。 – RobG

回答

0

不知道一個插件(和谷歌是一個更好的地方),但它並不難開發一個。只需在用戶發送的圖片上創建一個覆蓋div,並加上一些不透明度即可。然後使用jQuery UI可拖動和可調整大小的透明背景較小的股利。

將div的位置,寬度和高度發送到服務器並在那裏執行裁剪。

+0

你知道任何現有的jQuery圖像裁剪/調整大小的插件,允許自定義掩碼覆蓋?我試圖四處尋找,但我沒有提出太多。 – aalaap