6 款 Javascript 的图像处理库

muddyway 发布于2019-08-21 11:38 / 816人阅读

摘要：运行代码的结果如下是大名鼎鼎的并且非常权威的图像处理库。允许使用不同的媒介，用于创建动画片，数字形象和数字艺术，也可以用于图像处理。从正面的角度看，他是一个可灵活调整以及一个很好的了解图像处理算法的途径。

文/ Tine
译/Mantra

附原文地址：http://blog.webkid.io/image-p...

如果你正在寻找更高效的办法来处理或操纵你 web 项目中的图片，那么这篇 blog 介绍的一些库，很值得你仔细阅读一下。这些库，大部分都提供了亮度、灰度、反转等调整操作，其他一部分则集中在可读性和易扩展性上。接下来的部分将帮助你了解并选择一款适合自己需求的工具。

你会从这里找到调整图片亮度的代码片段，这将提供给你如何使用库的 idea。运行代码（Source: flickr.com）的结果如下：

1.Caman JS

Caman JS 是大名鼎鼎的并且非常权威的图像处理库。它提供了各种内置功能以及各种扩展的可能性。此外，该库还提供了详细的文档，可以用于 NodeJS 和浏览器。

CamanJS 的函数使用

基本功能包含了，设置对比度/亮度或多带带修改 RGB 通道以及增加或减少图像噪点，这样的色彩操作。更高级的操作，还有使用图层、复合或裁减图像可以通过插件来实现。

主页地址：http://camanjs.com/

6. Processing.js

如果你熟悉Processing编程语言，这个库可能会派上用场。Processing 允许使用不同的媒介，用于创建动画片，数字形象和数字艺术，也可以用于图像处理。

Processing.js 可以让你编写 Processing 代码并通过应用 canvas 元素简单的包含你的网站。

虽然库提供了一些有用的功能，例如缩放、旋转或图像混合，但用于基本操作的解决方案必须由用户实现，例如灰度和颜色的调整。从正面的角度看，他是一个可灵活调整以及一个很好的了解图像处理算法的途径。

这里有很多示例和详细的步骤来帮助你开始：http://processingjs.org/

综述

总的来看一下这些库所提供的功能，如下表：

正如你看到的，CamanJS 提供了多种多样的像素修饰以及用于修改图片的操作。如模糊和锐化等一些操作，只有别的库提供，那你就必须根据自己到底想做什么来做取舍了。
此列表中唯一支持翻转和自动剪裁的库就是 Jimp。如果你只想调整大小或剪裁图片，那么 CamanJS 和 Jimp 都可以选择。

如果你正在寻找更多抽象的操作，glfx.js 也许可以选择，因为它配备了一列表的花式效果，你可以尝试一下。如下表这样：

当然，你觉得这篇文章介绍的库并不值得一看，那你也许对下面的更感兴趣：

PaintbrushJS

Canvasfilters

VintageJS

jQuery filter.me

JSManipulate

Fabric.js

云服务器 GPU云服务器破解验证码的图像识别库 python3.6库 javascript_es6 javascript动态库

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86950.html

前端学习资源

摘要：掘金日报第四期使用怎么能不知道这些插件合集掘金日报主打分享优质深度技术内容，技术内容分前端后端产品设计工具资源和一些有趣的东西。目前已经涵盖了的相关资源链接，供大家参考与学习。【掘金日报】第四期使用Sublime？怎么能不知道这些 Sublime 插件合集！掘金日报主打分享优质深度技术内容，技术内容分：前端、后端、Android、iOS、产品设计、工具资源和一些有趣的东西。前端...

xzavier 2019-08-30 13:57 评论0 收藏0
前端学习资源

摘要：掘金日报第四期使用怎么能不知道这些插件合集掘金日报主打分享优质深度技术内容，技术内容分前端后端产品设计工具资源和一些有趣的东西。目前已经涵盖了的相关资源链接，供大家参考与学习。【掘金日报】第四期使用Sublime？怎么能不知道这些 Sublime 插件合集！掘金日报主打分享优质深度技术内容，技术内容分：前端、后端、Android、iOS、产品设计、工具资源和一些有趣的东西。前端...

weij 2019-08-26 11:43 评论0 收藏0
2016年最具潜力前端开源项目Top20

摘要：作为年最具潜力，乃至最具影响力的前端开源项目真的不为过。通过上的介绍，这个项目是偏右阿里的前端大牛和阿里的前端大牛主导，而且从中也不难看出有些部分是来自参与过的项目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年，前端的开源世界越发精彩，Vue的不断壮大，Angular 2的发布，Amaze UI 3....

winterdawn 2019-08-30 13:21 评论0 收藏0
2016年最具潜力前端开源项目Top20

摘要：作为年最具潜力，乃至最具影响力的前端开源项目真的不为过。通过上的介绍，这个项目是偏右阿里的前端大牛和阿里的前端大牛主导，而且从中也不难看出有些部分是来自参与过的项目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年，前端的开源世界越发精彩，Vue的不断壮大，Angular 2的发布，Amaze UI 3....

xiguadada 2019-08-20 13:39 评论0 收藏0
2016年最具潜力前端开源项目Top20

摘要：作为年最具潜力，乃至最具影响力的前端开源项目真的不为过。通过上的介绍，这个项目是偏右阿里的前端大牛和阿里的前端大牛主导，而且从中也不难看出有些部分是来自参与过的项目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年，前端的开源世界越发精彩，Vue的不断壮大，Angular 2的发布，Amaze UI 3....

Caizhenhao 2019-08-01 16:10 评论0 收藏0