用于Javascript 3D图像处理的库

时间:2015-07-27 15:25:31

标签: javascript image canvas webgl libraries

我打算为图像处理开发一个简单的脚本,但仍坚持为它选择合适的库。

脚本需要导入图像,然后很好地定位在其他图像上。例如,文本图像覆盖在其他产品图像上,例如衬衫,手机壳等。是的,这可以通过基本的画布操作来完成。

主要问题是,如果其他产品是3D图像,例如杯子,瓶子,球或任何圆形图像对象。脚本需要自动调整文本图像,以使文本边缘看起来像圆形对象。这是一个例子:

enter image description here

在这里,"改变你的想法,改变你的世界"边缘在杯子后面看起来很倾斜。

我已多次搜索过它,并且只提供了这些库(可能是因为缺少关键字):

问题是,这个图书馆中的任何一个都可以完成这项工作吗?它应该是3D图像库吗?是否有其他图书馆更适合此任务以及关键字是什么?

1 个答案:

答案 0 :(得分:3)

我相信您正在寻找的通用关键字是文本映射或图像映射到对象。具体来说,尝试搜索“将文本映射到球体”或“将文本映射到圆柱体”。

我不认为你列出的任何lib都有这种东西的开箱即用支持。这些是渲染库,它们只是渲染你给它们的模型数据。而您正在寻找的是可以为您生成模型数据的库。

我不确定您是否意识到这一点,但您需要3D模型才能将文本映射到。 2D图像没有足够的信息来执行此操作。当然,您可以通过特定的假想圆柱体/球体的中心和半径来伪造它,并做一些数学操作像素,使它看起来好像它被映射到它们。