Automattic/node-canvas

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

Aberta

#1.063 aberto em 21 de dez. de 2017

 (19 comentários) (24 reações) (0 responsável)JavaScript (1.195 forks)batch import
FeatureHelp wanted

Métricas do repositório

Stars
 (10.689 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

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

Guia do colaborador