Canvas Filters

// Converts image to canvas; returns new canvas element
function convertImageToCanvas(image) {
	var canvas = document.createElement("canvas");
	canvas.width = image.width;
	canvas.height = image.height;
	canvas.getContext("2d").drawImage(image, 0, 0);

	return canvas;
}

var canvas = convertImageToCanvas(document.querySelector( img ));

使用<；画布>元素准备就绪，然后我们可以随时实现CSS过滤器：

canvas.getContext( 2d ).filter =  blur(5px) opacity(0.6) ;

您可以看到MDN上过滤器的完整列表。我很高兴从CSS开始的API已在画布中镜像！