如何使用插件jquery裁剪图像

Question

使用形状裁剪图像jquery

我想要一个可以用不同方式裁剪图像的系统，我看过像relizar这样的网站会到达。知道怎么做了吗？。

我搜索了插件，但我没有给自己设置适应特定方式。

问候

here

Answer 1

我查找'多边形图像裁剪'并找到了一些其他StackOverflow答案，以及GitHub上的一些源代码。看看这些：

• https://stackoverflow.com/a/25937649/683114
• https://stackoverflow.com/a/11714642/683114

图像裁剪应在服务器端完成。第一个答案给出了一些用PHP完成的示例代码。

这个想法是在客户端你在要裁剪的区域周围绘制一个多边形，它由顶点列表表示。然后，您可以将图像和顶点列表发送到服务器进行图像处理。

使用顶点，服务器可以构建图像蒙版。这最终起到了一种二元过滤器的作用：形状内的东西保持不变，其他一切都变得透明。然后您可以将其发送回客户端。

这对于直边多边形很好用，我想支撑曲线要困难得多。任何类型的智能捕捉都会开始需要边缘检测，也许还需要一些机器学习。除了简单的裁剪之外，这很难实现！