Automattic/node-canvas
GitHub で見るUse standard Canvas `ctx.filter` API (blur/grayscale/saturate/contrast)
Open
#1,063 opened on 2017年12月21日
FeatureHelp wanted
Repository metrics
- Stars
- (9,524 stars)
- PR merge metrics
- (平均マージ 34d 18h) (30d で 2 merged PRs)
説明
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