6 款 Javascript 的圖像處理庫

muddyway 發布于2019-08-21 11:38 / 991人閱讀

摘要：運行代碼的結果如下是大名鼎鼎的并且非常權威的圖像處理庫。允許使用不同的媒介，用于創建動畫片，數字形象和數字藝術，也可以用于圖像處理。從正面的角度看，他是一個可靈活調整以及一個很好的了解圖像處理算法的途徑。

文/ 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動態庫

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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