javascript - Javascript 3D 图像处理库

标签 javascript image canvas webgl libraries

<分区>

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

脚本需要导入一个图像,然后在其他图像上很好地定位。例如,文本图像叠加在其他产品图像(如衬衫、手机壳等)上。是的,这可以通过基本的 Canvas 操作来完成。

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

enter image description here

在这里,“改变你的想法,改变你的世界”的边缘看起来像杯子一样倾斜。

我搜索了很多次,只得出这个库(可能是因为缺少关键字):

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

最佳答案

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

我认为您列出的任何库都没有对这种事情的开箱即用支持。这些是渲染库,它们只渲染您提供给它们的模型数据。而您正在寻找的是可以为您生成模型数据的库。

我不确定您是否知道这一点,但您需要一个 3D 模型来将文本映射到。二维图像没有足够的信息来执行此操作。当然,您可以通过可能特定的假想圆柱体/球体的中心和半径来伪造它,并进行一些数学运算来操纵像素,使其看起来就像映射到它们一样。

关于javascript - Javascript 3D 图像处理库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31657077/

相关文章:

javascript - Angular JS 如何获取和发送图片?

python - 抓取图片链接的问题

javascript - 在 HTML5 Canvas 上动态放置的图像上创建事件

javascript - 将二维像素数组复制到 Javascript Canvas

wpf - 如何在 WPF Canvas 上绘制滚动条

javascript - 使用 Jquery 在元素中创建元素

javascript - 如何使用页面对象模型中的元素列表

JavaScript - Form OnSubmit 有效但 Action 无效

javascript - 有什么方法可以将 html 表导出到在所有浏览器中工作的 Excel 中吗?

iphone - 防止从 iphone sdk 中的 uiimage 拉伸(stretch)图像