I need some kick-ass effects for my web site, like gaussian blur, noise, convolution filters, morphological operations etc. All effects must be applied dynamically (no pre-renderend images) and being changed over time.
我的网站需要一些特效,比如高斯模糊、噪声、卷积滤波、形态学操作等。所有特效都必须动态应用(没有渲染前的图像),并随时间变化。
What is the most powerful image processing library, implemented in JavaScript ?
用JavaScript实现的最强大的图像处理库是什么?
5 个解决方案
#1
26
Pixastic is the only one I know of, but not all its methods are fully cross browser compatible - they rely on features of the HTML5 canvas element which are unavailable in Internet Explorer, even with exCanvas.
Pixastic是我所知道的唯一一个,但是并不是所有的方法都是完全跨浏览器兼容的——它们依赖于HTML5 canvas元素的特性,即使是exCanvas也无法在Internet Explorer中使用。
A few demos:
几个演示:
Other links:
其他链接:
- Documentation
- 文档
- GitHub project page
- GitHub项目页面
#2
15
CamanJS is the most flexible non-interactive (API, not point-and-click) JavaScript library for image manipulation, that I came across so far.
CamanJS是迄今为止我遇到的最灵活的非交互式(API,而不是点对点的)图像处理JavaScript库。
#3
9
Try to look to the Processing.js library. This is a quotation from theirs site:
试着看看处理过程。js库。这是他们网站的引用:
Processing.js is the sister project of the popular Processing visual programming language, designed for the web.
处理。js是流行的处理可视化编程语言的姊妹项目,专为web设计。
As far as I know it has more contributors than Pixastic project does and theirs demos are really promising.
据我所知,它比Pixastic项目有更多的贡献者,他们的演示非常有前景。
#4
6
Take a look at Pixastic
看看像素
Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript. The effects supported out of the box include desaturation/greyscale, invert, flipping, brightness/contrast adjustment, hue/saturation, emboss, blur, and many more.
Pixastic是一个实验库,它允许你使用JavaScript对图片执行各种操作。该框支持的效果包括去色/灰度、反转、翻转、亮度/对比度调整、色调/饱和度、浮雕、模糊等等。
Demo can be found here
演示可以在这里找到
#5
#1
26
Pixastic is the only one I know of, but not all its methods are fully cross browser compatible - they rely on features of the HTML5 canvas element which are unavailable in Internet Explorer, even with exCanvas.
Pixastic是我所知道的唯一一个,但是并不是所有的方法都是完全跨浏览器兼容的——它们依赖于HTML5 canvas元素的特性,即使是exCanvas也无法在Internet Explorer中使用。
A few demos:
几个演示:
Other links:
其他链接:
- Documentation
- 文档
- GitHub project page
- GitHub项目页面
#2
15
CamanJS is the most flexible non-interactive (API, not point-and-click) JavaScript library for image manipulation, that I came across so far.
CamanJS是迄今为止我遇到的最灵活的非交互式(API,而不是点对点的)图像处理JavaScript库。
#3
9
Try to look to the Processing.js library. This is a quotation from theirs site:
试着看看处理过程。js库。这是他们网站的引用:
Processing.js is the sister project of the popular Processing visual programming language, designed for the web.
处理。js是流行的处理可视化编程语言的姊妹项目,专为web设计。
As far as I know it has more contributors than Pixastic project does and theirs demos are really promising.
据我所知,它比Pixastic项目有更多的贡献者,他们的演示非常有前景。
#4
6
Take a look at Pixastic
看看像素
Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript. The effects supported out of the box include desaturation/greyscale, invert, flipping, brightness/contrast adjustment, hue/saturation, emboss, blur, and many more.
Pixastic是一个实验库,它允许你使用JavaScript对图片执行各种操作。该框支持的效果包括去色/灰度、反转、翻转、亮度/对比度调整、色调/饱和度、浮雕、模糊等等。
Demo can be found here
演示可以在这里找到