关于filtergrayscale的信息
一行代码实现界面全灰(android,web,flutter)
Paint paint = new Paint();
ColorMatrix cm = new ColorMatrix();
cm.setSaturation(0);
mPaint.setColorFilter(new ColorMatrixColorFilter(cm));
getWindow().getDecorView().setLayerType(View.LAYER_TYPE_HARDWARE, paint);
可以放到基类里边去统一调用！另外你想只对某个view进行操作的话把getWindow().getDecorView()换成对应的view即可
style type="text/css"
html {
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter:grayscale(1)
}
/style
filter是滤镜的意思，filter:gray的意思就是说给页面加上一个灰度的滤镜，所以html里面的所有内容都会变成黑白的了。不过这个滤镜对于chrome和safari浏览器是无效的，所以下面会有一行-webkit-filter: grayscale(100%);这个样式是专属于使用webkit内核的浏览器的，意思和FILTER: gray;差不多，只是写法不同
runApp(
ColorFiltered(
colorFilter: ColorFilter.mode(Colors.white, BlendMode.color),
child: FlutterApp())));
使用ColorFiltered，在最外层套上即可
后台怎么删除filter:grayscale(100%)
后台怎么删除filter:grayscale(100%)？
有时候在做网站开发时需要对网页进行灰度处理，我闲的慌，就在网上收集了集中可以对网站进行灰度处理的方法，供大家闲时消遣，直接上代码
1.当然是CSS样式了，兼容性比较好，考虑到了各种浏览器内核机制，和一些灰度的调试
html
{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,svg xmlns=\'\'filter id=\'grayscale\'feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'//filter/svg#grayscale");
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}
css中怎么把照片调为灰度
Css中将图片调为灰色，是利用滤镜的效果进行渲染的
不同的浏览器需要不同的前缀进行支持。
具体将图片调整为灰色的代码如下
img?{?
??????filter:?grayscale(100%);??//默认
??????-webkit-filter:?grayscale(100%);??//谷歌浏览器
??????-moz-filter:?grayscale(100%);??//火狐浏览器
??????-ms-filter:?grayscale(100%);??//IE核心浏览器
??????-o-filter:?grayscale(100%);???//Oprea浏览器
??????-webkit-transition:all?1s?ease-in-out;??//这是设置过渡时间效果，有一个缓冲时间
??????-o-transition:all?1s?ease-in-out;
??????-moz-transition:all?1s?ease-in-out;
??????-ms-transition:all?1s?ease-in-out;
}
若需要调整为彩色
img：hover{?
??????filter:?grayscale(0%);??//默认
??????-webkit-filter:?grayscale(0%);??//谷歌浏览器
??????-moz-filter:?grayscale(0%);??//火狐浏览器
??????-ms-filter:?grayscale(0%);??//IE核心浏览器
??????-o-filter:?grayscale(0%);???//Oprea浏览器
??????-webkit-transition:all?1s?ease-in;??//这是设置过渡时间效果，有一个缓冲时间
??????-o-transition:all?1s?ease-in;
??????-moz-transition:all?1s?ease-in;
??????-ms-transition:all?1s?ease-in;
}
