如何从图像中提取矩形并将其转换为对齐

时间:2020-12-18 23:07:37

标签: javascript web image-processing graphics transformation

我有一个图像处理问题。

假设我有这张图片作为输入:

enter image description here

而且我还有用户对矩形边界的规范:

user specified rectangle

我想得到这个图像作为输出:

enter image description here

目前我想象的流程是:

  1. 用户上传输入图片
  2. 用户指定假定为矩形的对象的边界
  3. 我的应用做了一系列的转换来实现输出图像

一些注意事项:

  • 用户提供的区域不仅仅是一个旋转的矩形。它通常根本不是矩形,特别是如果图像中有深度,就像示例中那样。这很好,图像需要扭曲,以便结果一个矩形。
  • 我知道通过进行简单的转换我将无法校正深度,即如果在输入图像中有一个角离相机更远(更深),那么我不希望更正那。我想要的只是将 4 个角移动到它们在完美水平矩形上的正确位置,然后相应地移动图像中的所有其他像素。我可以接受输出图像中的一些失真。在这一点上,我正处于探索阶段,看看它会是什么样子。

简而言之,我想做的是:

enter image description here

有什么想法吗?

这可以通过简单的转换来完成吗?如何?有没有可以提供帮助的图书馆?

顺便说一句,最终结果将在使用网络技术的网络应用程序中完成。

0 个答案:

没有答案