76 Image Filters For Browser And Node.js – Pixels.js

Category: Image , Javascript | October 30, 2022
Author:silvia-odwyer
Views Total:145 views
Official Page:Go to website
Last Update:October 30, 2022
License:MIT

Preview:

76 Image Filters For Browser And Node.js – Pixels.js

Description:

A Javascript library that lets you easily apply 76 pretty cool filters to images in the browser! You can also use it within your NodeJS based server to convert images without the need for a browser!

Whether you want to give your images a modern feel, or your photos a touch of retro with a vignette, it’s super easy.

How to use it (Browser):

1. Download and load the Pixels.js library in the document.

<script src=”/dist/Pixels.js”></script>

2. Initialize the Pixels.js and apply a filter of your choice to the image.

var img = document.getElementById("img")
img.onload = function() {
  pixelsJS.filterImg(img, "purplescale");      
}

3. All available image filters:

  1. horizontal_lines
  2. extreme_offset_blue
  3. extreme_offset_green
  4. offset_green
  5. extra_offset_blue
  6. extra_offset_red
  7. extra_offset_green
  8. extreme_offset_red
  9. specks_redscale
  10. eclectic
  11. pane
  12. diagonal_lines
  13. green_specks
  14. casino
  15. yellow_casino
  16. green_diagonal_lines
  17. offset
  18. offset_blue
  19. neue
  20. sunset
  21. specks
  22. wood
  23. lix
  24. ryo
  25. bluescale
  26. solange
  27. evening
  28. crimson
  29. teal_min_noise
  30. phase
  31. dark_purple_min_noise
  32. coral
  33. darkify
  34. incbrightness
  35. incbrightness2
  36. invert
  37. sat_adj
  38. lemon
  39. pink_min_noise
  40. frontward
  41. vintage
  42. perfume
  43. serenity
  44. pink_aura
  45. haze
  46. cool_twilight
  47. blues
  48. horizon
  49. mellow
  50. solange_dark
  51. solange_grey
  52. zapt
  53. eon
  54. aeon
  55. matrix
  56. cosmic
  57. min_noise
  58. red_min_noise
  59. matrix2
  60. purplescale
  61. radio
  62. twenties
  63. ocean
  64. a
  65. pixel_blue
  66. greyscale
  67. grime
  68. redgreyscale
  69. retroviolet
  70. greengreyscale
  71. warmth
  72. green_med_noise
  73. green_min_noise
  74. blue_min_noise
  75. rosetint
  76. purple_min_noise

You Might Be Interested In:


Leave a Reply