最近在做大家來找碴的遊戲,為了讓出題者管理方便,想在後台製作出圖片框選的效果,方便出題者設定座標,最後完成圖如下:

3c.PNG

最後選用 jQuery Plugins 的 Jcrop 達成,官網上有許多 Demo 可以看實作。

可以用滑鼠拖拉擷取座標,也可以動態改變選取區域大小,或是直接拖曳區域改變位置。儲存起來的座標也可以快速顯示位置,十分方便。
配合截圖程式,也可以做出便利的截圖app (記得 elgg 的大頭照就是用這種方式去做的)

創作者介紹
創作者 bigair 的頭像
bigair

我的特技就是全身上下都能吃

bigair 發表在 痞客邦 留言(0) 人氣()