Use standard Canvas `ctx.filter` API (blur/grayscale/saturate/contrast)

[paramaggarwal]

HTML5 Canvas recently introduced support for filters like ctx.filter = "blur(5px)"; in the browser, for example to blur, saturate, grayscale and modify contrast.

Issue or Feature

API support for HTML5 Canvas ctx.filter from from MDN web docs

Steps to Reproduce

var Canvas = require('canvas');
var canvas = Canvas.createCanvas(200, 200);
var ctx = canvas.getContext('2d');
ctx.filter = "blur(5px)";
ctx.drawImage(img,0,0);

Your Environment

• node-canvas: 2.0.0 alpha
• node: v9.3.0
• macOS: High Sierra

[asturur]

This api is actually much new also for browsers ( chrome 49+ )

[paramaggarwal]

Ah, right. Closing issue for now.

[asturur]

I did not mean to make you close it. Just can be expected that is not implemented in node-canvas since it became a standard non experimental api not long ago.

[paramaggarwal]

No, no - I previously thought that this is a bug, but actually it is a feature request. Hence closed it. 😄

[zbjornson]

Feature requests are valid issues :-)