灰度.js
利用网络工作者在前端生成任何图像的灰度版本。
问题:
目前没有好的方法可以将灰度效果应用于给定站点上的图像。 有一些现有的方法,但它们都有主要的缺点。 以下是一些实现灰度的流行方法以及它们糟糕的原因:
使用 CSS filter :这是迄今为止最简单的方法,只需添加一些带前缀的 css 属性即可! 为什么会烂? 表现。
您的 CSS 代码可能如下所示:
img . desaturate {
-webkit-filter : grayscale ( 100 % );
filter : grayscale ( 100 % );
filter : gray;
filter : url ( "data:image/svg+xml;utf8,<svg...some crazy SVG code here" );
}
问题是浏览器会在用户浏览页面时
1