Javascript图像裁剪不同的形状

Question

我正在开发一个需要裁剪各种形状的图像的应用程序，例如：我上传了一张图像，用户获得的十字准线选择可能是人脸或汽车的形状或爱情的形状等。类似于https://www.mystickerface.com/gettingstarted 的东西。请花时间在这里上传一张小图。

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

请告诉我有关如何实施的建议。

Answer 1

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

查看How to generate color variations of the product。