Javascript图像裁剪不同的形状

Question

我开始在需要与各种形状的图像裁剪应用程序的工作，例如：我上传图像和用户获得的十字准线选择可能是人脸或汽车的形状或爱的形状等。类似于https://www.mystickerface.com/gettingstarted。请花些时间在这里上传一张精美的图片。

是否有任何可用于此目的的开箱即用的javascripts库。 Jcrop和其他一些我只看到矩形的选择。

请让我知道如何去执行的建议。

Answer 1

它可以用html5画布或旧的把戏来完成。如果你想“裁剪”不规则的形状，创建一个图像，并填充不规则的形状透明，其余与背景相同的颜色，然后覆盖形状的图像部分顶部你想不规则，如果需要使用更高z-index。

结账How to generate color variations of the product。