Grafi.js یک لایبرری اپنسورس جاوااسکریپتی با هدف یادگیری چگونگی انجام پردازش تصاویر است و آنچه در مورد این ابزار جالب است اینکه تمام ماژولهایش عمداً کوچک هستند تا دولوپرها به خواندن سورسکد و یادگیری تفاوت روشها و الگوریتمهای این لایبرری ترغیب شوند (در نتیجه، شاید Grafi.js را نتوان کاربردیترین و پیچیدهترین لایبرری پردازش تصویر دانست!)
با استفاده از Grafti.js جلوههای مختلفی را میشود روی تصاویر اِعمال کرد که از آن جمله میتوان به موارد زیر اشاره کرد:
معکوس
grafi.invert(img)
روشنایی (50% افزایش نور)
grafi.brightness(img, {level: 127})
روشنایی (50% کاهش نور)
grafi.brightness(img, {level: -127})
کنتراست (تضاد)
grafi.contrast(img, {level: 2})
شبیه به پوستر
grafi.posterize(img, {level: 4})
سولاریزه
grafi.solarize(img)
خاکستری کردن
grafi.grayscale(img, {mode: 'luma'})
سیاه و سفید کردن
grafi.threshold(img, {level: 127})
رنگ کاذب
grafi.pseudocolor(img)
محو کردن
grafi.blur(img)
شارپ کردن
grafi.sharpen(img)
این لایبرری به صورت اپنسورس منتشر شده و سورسکد Grafi در گیتهاب در دسترس علاقمندان قرار دارد.