jquery - 如何使用jquery插件裁剪图像

Question

用jquery裁剪图像形状

我想要一个可以以不同方式裁剪图像的系统，我见过像 relizar 这样的网站。知道它是如何完成的吗？

我搜索了插件，但我没有给自己提供适应特定方式的能力。

问候

here

Answer 1

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

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

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

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

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

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