_{Snap.svg demo之}Snap.filter.grayscale()

Snap.filter.grayscale(amount)

返回灰度滤镜的SVG标记字符串。

参数

• amount 数值。范围0~1, 表示滤镜数量。可以理解为黑白滤镜。0表示完全黑白，1表示真实色彩。

返回值

字符串。表示滤镜。

使用

<svg id="svg" width="300" height="210"></svg>

var svg = Snap("#svg");
// 显示图片
var image = svg.paper.image("mm.jpg", 10, 10, 256, 191);
// 灰度滤镜, 50%
var f = svg.paper.filter(Snap.filter.grayscale(0.5));
// 应用在图片上
image.attr({
    filter: f	
});

效果