在 Appcelerator 中对照片应用滤镜

发布于 2024-12-01 13:01:13 字数 129 浏览 1 评论 0原文

我正在 Appcelerator 中构建一个 iOS 应用程序,我需要让用户拍照,然后对其应用滤镜(如 Instagram)。我怎样才能实现这个目标?是否可以使用任何基于 javascript 的图像过滤器库?

感谢所有的投入!

I am building an iOS app in Appcelerator and I need to let the user take pictures and then apply a filter to them (like Instagram). How can I achieve this? Is it perhaps possible to use any javascript based image filter library?

Thankful for all input!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

深陷 2024-12-08 13:01:13

你可能想看看这个 API。

http://developers.aviary.com/effects-api

我几个月前开始使用它当它还没有完全实现时,但我在这里他们已经取得了额外的进展

you might want to take a look at this API.

http://developers.aviary.com/effects-api

I started with it a few months ago when it wasn't quite yet there, but I here they have made additional progress

国产ˉ祖宗 2024-12-08 13:01:13

这绝对是可能的,http://www.pixastic.com/lib/docs/ 你可以在这里看到一些过滤器作为示例。所有这些效果都是通过循环图像数据并一一操作像素来实现的。这里的困难部分是制作(或找到)看起来不错的算法,就像 Instagram 那样。

instagram 中也有一些遮罩,这些遮罩是像宝丽来或老胶片的图像,如下所示: http://www.aviary.com/tutorial.aspx?tutorial=cross_processing&step=12 。这些是使用剪贴蒙版应用的: https://developer.mozilla.org/samples/ canvas-tutorial/6_2_canvas_clipping.html 或合并两个图像数据,如下所示:http://www.benbarnett.net/2011/ 06/02/using-html5-canvas-for-image-masks/

因此,Instagram 对图像所做的所有操作,您都可以使用画布完成。这对手机来说是 CPU 密集型的,但我认为 iPhone 可以处理它。

一些示例:

It is definitely possible, http://www.pixastic.com/lib/docs/ you can see some filters here as an example. All of these affects are achieved by looping over the image data and manipulating the pixels one by one. Hard part here would be making(or finding) the algorithms that would look good, like instagram has.

There are also masks in instagram, which are images like a polariod or old films, like here: http://www.aviary.com/tutorial.aspx?tutorial=cross_processing&step=12 . These are applied using clipping masks : https://developer.mozilla.org/samples/canvas-tutorial/6_2_canvas_clipping.html or merging two images data, like here: http://www.benbarnett.net/2011/06/02/using-html5-canvas-for-image-masks/ .

So all of what instagram does with images, you can do with canvas. It would be cpu intensive on a phone, but i think iPhone can handle it.

Some examples:

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文