Automattic/node-canvas

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

Aperta

#1063 aperta il 21 dic 2017

 (19 commenti) (24 reazioni) (0 assegnatari)JavaScript (1195 fork)batch import
FeatureHelp wanted

Metriche repository

Star
 (10.689 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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

Guida contributor