لطفا جاواسکریپت مرورگر خود را فعال سازید!

نحوه فعال سازی در کروم
  1. ابتدا باید اینکارو بگنید
  2. بعدش اونکارو
نحوه فعال سازی در فایرفاکس
  1. ابتدا باید اینکارو بگنید
  2. بعدش اونکارو
معرفی 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)
منبع