Javascript圖像裁剪不同的形狀

Question

我開始在需要與各種形狀的圖像裁剪應用程序的工作，例如：我上傳圖像和用戶獲得的十字準線選擇可能是人臉或汽車的形狀或愛的形狀等。類似於https://www.mystickerface.com/gettingstarted。請花些時間在這裏上傳一張精美的圖片。

是否有任何可用於此目的的開箱即用的javascripts庫。 Jcrop和其他一些我只看到矩形的選擇。

請讓我知道如何去執行的建議。

Answer 1

它可以用html5畫布或舊的把戲來完成。如果你想「裁剪」不規則的形狀，創建一個圖像，並填充不規則的形狀透明，其餘與背景相同的顏色，然後覆蓋形狀的圖像部分頂部你想不規則，如果需要使用更高z-index。

結賬How to generate color variations of the product。