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 ));

有了<代码><canvas>要素,我们就可以在下述情况下实施CSS过滤器:

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