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)
با استفاده از 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)