Try to greyscale

commands/avataredit/canvas.js

@@ -38,13 +38,20 @@ module.exports = class CanvasCommand extends Command {
         const generate = () => {
             ctx.drawImage(base, 0, 0);
             ctx.drawImage(avatar, 158, 51, 200, 200);
+            const imgData = ctx.getImageData(158, 51, 200, 200);
+            const data = imgData.data;
+            for(let i = 0; i < data.length; i += 4) {
+                const brightness = 0.34 * data[i] + 0.5 * data[i + 1] + 0.16 * data[i + 2];
+                data[i] = brightness;
+                data[i + 1] = brightness;
+                data[i + 2] = brightness;
+            }
+            ctx.putImageData(imgData, 158, 51);
         };
         const ripImg = await request
             .get('https://i.imgur.com/Gbu1B2m.png');
         const avatarImg = await request
             .get(avatarURL);
-        console.log(ripImg);
-        console.log(avatarImg);
         base.src = ripImg.body;
         avatar.src = avatarImg.body;
         generate();