2014-10-30 59 views
3

裁剪圖像jQuery的圖像與形狀如何修剪出插件的jQuery

我想,可以用不同的方式裁剪圖像的系統,我見過像relizar站點將達到。任何想法如何完成?

我搜索了插件,但我沒有給自己適應特定方式的設施。

問候

here

回答

3

我擡頭「多邊形圖像裁剪」,發現了一些其他StackOverflow的答案,以及在GitHub上一些源代碼。檢查這些了:

圖像裁切應該在服務器端完成。第一個答案給出了在PHP中完成的一些示例代碼。

這個想法是在客戶端,你想要裁剪的區域周圍畫一個多邊形,這是由一系列頂點表示的。然後,您可以將圖像和頂點列表發送到服務器進行圖像處理。

使用頂點,服務器可以構建一個圖像掩碼。這最終起到了一種二進制過濾器的作用:形狀內的東西保持不變,其他一切都變得透明。然後,您可以將其發送回客戶端。

這對於直邊多邊形可以很好地工作,我想支撐曲線會更困難。任何類型的智能捕捉都將開始需要邊緣檢測,也許還需要一些機器學習。除了簡單的種植,這變得困難!