Automattic/node-canvas

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

オープン

#1,063 opened on 2017/12/21

 (19 件のコメント) (24 件のリアクション) (0 人の担当者)JavaScript (1,195 件のフォーク)batch import
FeatureHelp wanted

Repository metrics

Stars
 (10,689 個のスター)
PR merge metrics
 (PR metrics pending)

説明

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

コントリビューターガイド