CamanJS图形处理库#

之前我曾想过自己做一个简单的图片处理库自己用,后来做了几个基本效果以后发现了成本太高

然后就放弃了,去找了个现成的图形库

发现用起来也不错,也就没有再做下去

1
Caman("#image",function(){
2
    this.stackBlur(5).render()  //模糊处理，模糊半径5像素
3
})

测试工具#

RESET(尽量使用chrome浏览器,请等待网页加载完毕)

预置效果#

Caman内置了一批现成的图片效果，使用起来非常简单 this.revert()用来重置图片效果,保证各个效果不互相影响 this.lomo()将lomo效果用到图片上 this.render()渲染图片

1
Caman("#image",function(){
2
    this.revert();
3
    this.lomo();
4
    this.render();
5
})

执行love效果: RUN LOVE

其他预置效果还有

lomo,vintage,clarity,sinCity,sunrise,crossProcess,orangePeel,grungy,jarques, pinhole,oldBoot,glowingSun,hazyDays,herMajesty,nostalgia,hemingway,concentrate 等

将以上方法替换文本框中的lomo,例如 this.hazyDays();,然后点 RUN 就行了