成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

6 款 Javascript 的圖像處理庫

muddyway / 1094人閱讀

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

文/ Tine
譯/Mantra

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

如果你正在尋找更高效的辦法來處理或操縱你 web 項目中的圖片，那么這篇 blog 介紹的一些庫，很值得你仔細(xì)閱讀一下。這些庫，大部分都提供了亮度、灰度、反轉(zhuǎn)等調(diào)整操作，其他一部分則集中在可讀性和易擴(kuò)展性上。接下來的部分將幫助你了解并選擇一款適合自己需求的工具。

你會從這里找到調(diào)整圖片亮度的代碼片段，這將提供給你如何使用庫的 idea。運(yùn)行代碼（Source: flickr.com）的結(jié)果如下：



1.Caman JS

Caman JS 是大名鼎鼎的并且非常權(quán)威的圖像處理庫。它提供了各種內(nèi)置功能以及各種擴(kuò)展的可能性。此外，該庫還提供了詳細(xì)的文檔，可以用于 NodeJS 和瀏覽器。

CamanJS 的函數(shù)使用元素，所以開始之前，你可以自己創(chuàng)建一個 Canvas 元素，也可以讓 CamanJS 用相同尺寸的畫布替換圖像。

基本功能包含了，設(shè)置對比度/亮度或多帶帶修改 RGB 通道以及增加或減少圖像噪點(diǎn)，這樣的色彩操作。更高級的操作，還有使用圖層、復(fù)合或裁減圖像可以通過插件來實現(xiàn)。

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



6. Processing.js

如果你熟悉Processing編程語言，這個庫可能會派上用場。Processing 允許使用不同的媒介，用于創(chuàng)建動畫片，數(shù)字形象和數(shù)字藝術(shù)，也可以用于圖像處理。

Processing.js 可以讓你編寫 Processing 代碼并通過應(yīng)用 canvas 元素簡單的包含你的網(wǎng)站。

雖然庫提供了一些有用的功能，例如縮放、旋轉(zhuǎn)或圖像混合，但用于基本操作的解決方案必須由用戶實現(xiàn)，例如灰度和顏色的調(diào)整。從正面的角度看，他是一個可靈活調(diào)整以及一個很好的了解圖像處理算法的途徑。

這里有很多示例和詳細(xì)的步驟來幫助你開始：http://processingjs.org/


綜述

總的來看一下這些庫所提供的功能，如下表：

正如你看到的，CamanJS 提供了多種多樣的像素修飾以及用于修改圖片的操作。如模糊和銳化等一些操作，只有別的庫提供，那你就必須根據(jù)自己到底想做什么來做取舍了。
此列表中唯一支持翻轉(zhuǎn)和自動剪裁的庫就是 Jimp。如果你只想調(diào)整大小或剪裁圖片，那么 CamanJS 和 Jimp 都可以選擇。

如果你正在尋找更多抽象的操作，glfx.js 也許可以選擇，因為它配備了一列表的花式效果，你可以嘗試一下。如下表這樣：

當(dāng)然，你覺得這篇文章介紹的庫并不值得一看，那你也許對下面的更感興趣：

PaintbrushJS

Canvasfilters

VintageJS

jQuery filter.me

JSManipulate

Fabric.js

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/86950.html

相關(guān)文章

  • 前端學(xué)習(xí)資源

    摘要：掘金日報第四期使用怎么能不知道這些插件合集掘金日報主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容，技術(shù)內(nèi)容分前端后端產(chǎn)品設(shè)計工具資源和一些有趣的東西。目前已經(jīng)涵蓋了的相關(guān)資源鏈接，供大家參考與學(xué)習(xí)。 【掘金日報】第四期 使用Sublime？怎么能不知道這些 Sublime 插件合集！ 掘金日報主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容，技術(shù)內(nèi)容分：前端、后端、Android、iOS、產(chǎn)品設(shè)計、工具資源和一些有趣的東西。 前端...

    xzavier 評論0 收藏0

  • 前端學(xué)習(xí)資源

    摘要：掘金日報第四期使用怎么能不知道這些插件合集掘金日報主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容，技術(shù)內(nèi)容分前端后端產(chǎn)品設(shè)計工具資源和一些有趣的東西。目前已經(jīng)涵蓋了的相關(guān)資源鏈接，供大家參考與學(xué)習(xí)。 【掘金日報】第四期 使用Sublime？怎么能不知道這些 Sublime 插件合集！ 掘金日報主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容，技術(shù)內(nèi)容分：前端、后端、Android、iOS、產(chǎn)品設(shè)計、工具資源和一些有趣的東西。 前端...

    weij 評論0 收藏0

  • 2016年最具潛力前端開源項目Top20

    摘要：作為年最具潛力，乃至最具影響力的前端開源項目真的不為過。通過上的介紹，這個項目是偏右阿里的前端大牛和阿里的前端大牛主導(dǎo)，而且從中也不難看出有些部分是來自參與過的項目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年，前端的開源世界越發(fā)精彩，Vue的不斷壯大，Angular 2的發(fā)布，Amaze UI 3....

    winterdawn 評論0 收藏0

  • 2016年最具潛力前端開源項目Top20

    摘要：作為年最具潛力，乃至最具影響力的前端開源項目真的不為過。通過上的介紹，這個項目是偏右阿里的前端大牛和阿里的前端大牛主導(dǎo)，而且從中也不難看出有些部分是來自參與過的項目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年，前端的開源世界越發(fā)精彩，Vue的不斷壯大，Angular 2的發(fā)布，Amaze UI 3....

    xiguadada 評論0 收藏0

  • 2016年最具潛力前端開源項目Top20

    摘要：作為年最具潛力，乃至最具影響力的前端開源項目真的不為過。通過上的介紹，這個項目是偏右阿里的前端大牛和阿里的前端大牛主導(dǎo)，而且從中也不難看出有些部分是來自參與過的項目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年，前端的開源世界越發(fā)精彩，Vue的不斷壯大，Angular 2的發(fā)布，Amaze UI 3....

    Caizhenhao 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<