feat: more canvas css filters

1 files changed, 8 insertions, 4 deletions

diff --git a/main.js b/main.js
index 397cfa9..81e9f87 100644
--- a/main.js
+++ b/main.js
@@ -2,10 +2,14 @@ let canvas;
 let video;
 let ctx;
 let settings = {
-  brightness: {},
-  saturate: {},
-  contrast: {},
-  blur: { filter: value => value * canvas.width / 100 + 'px' }
+  "brightness": {},
+  "saturate": {},
+  "contrast": {},
+  "hue-rotate": {filter: value => value + "deg"},
+  "grayscale": {},
+  "sepia": {},
+  "invert": {},
+  "blur": { filter: value => value * canvas.width / 100 + 'px' }
 };
 const img = new Image();