معرفی Grafi.js: کتابخانه پردازش تصویر جاوااسکریپت

معرفی 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)
منبع