图片置灰

最新推荐文章于 2022-09-20 16:10:01 发布
原创 最新推荐文章于 2022-09-20 16:10:01 发布 · 148 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Microsoft

〈img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'">


　　如果想让整个网站的图片变灰，在样式表中加入

img{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

按纽变灰
INPUT { border:1px solid #999; filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
lukedd
关注
unity技巧之图片置灰
C_yuxuan的博客
03-21 2191
unity 图片置灰
js 将图片置灰_使用CSS将图片转换成黑白(灰色、置灰)z转
weixin_39614750的博客
12-22 515
//zxx: 最近很积极地折腾手机页面的些东西，加上其他一些人生重要的事，所以木有更新。可能早就知道，像汶川这种糟糕的日子网站全灰在IE下是可以轻松实现的(filter: gray;)，不过，当时，其他浏览器是无解的。不过，时代发展，如今，CSS3的逐步推进，我们也开始看到“黑白效果”大规模应用于实际的可能。CSS3 greyscale 滤镜实现如下测试代码：.gray { -webki...
把彩色图片置灰色图片
weixin_30786657的博客
03-31 176
像这样彩色图片变成灰色图片 HTML代码： <img src="mm1.jpg" /> <img src="mm1.jpg" class="gray" /> CSS代码： .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -m...
图片置灰的两种方法
zhangqq16781的博客
11-21 2190
项目加一个活动页，有的活动过期之后还要展示几天，但是显示灰色，过了某个期限之后就不予展示了。这么一个需求。给imageview加灰色图片的方法我网上查了一下用的这个： -(UIImage *)grayImage:(UIImage *)sourceImage {     int bitmapInfo = kCGImageAlphaNone;     int width = s
UIImage转为灰度图
09-06 3090
其中，CGColorSpaceCreateDeviceGray会创建一个设备相关的灰度颜色空间的引用。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 -(UIImage*)getGrayImage:(UIImage*)sourceImag
让网页图片变灰色的三种方法
weixin_33963189的博客
01-04 379
我一直喜欢灰度图像因为我认为他们看起来更有艺术感。很多图片编辑如Photoshop很容易把你的彩色图像变成灰度。甚至有选择调整颜色深度和色调。不幸的是,这样的效果想做在网络上并不容易，因为浏览器有差异。   1、CSS Filter 　　使用CSS过滤器属性可能是最简单的方法把图像变成灰度。以往,IE浏览器有一个专有的CSS属性称为过滤应用自定义效果包括灰度。 　　现在,过滤器...
android图片置灰
03-01
"android图片置灰"这个主题，就是关于如何将彩色图片转化为灰度图，以实现特定的交互效果，比如点击后图片变灰，增加视觉反馈。这种方法可以减少资源的使用，因为不需要为每个状态（正常和选中）都准备两张图片。 ...
Unity - UGUI 图片置灰 Shader
12-11
在Shader 使用在 Unity UGUI 的 图片上，图片选择该Shader，图片将显示会灰白色
精选资源
Unity图片置灰Shader
04-19
"Unity图片置灰Shader"是一个专门用来实现图片或者纹理颜色灰度化的Shader，常用于创建UI元素的禁用效果或者特殊的视觉风格。 首先，我们要理解什么是图片的灰度化。灰度化是将彩色图像转化为单色图像的过程，通常...
精选资源
UI图片置灰Shader
06-29
Unity之UI图片置灰Shader例子项目
网站页面置灰：使用css+js对页面图片、flash、背景等置灰处理
刚子狂想
11-23 3410
一直以为网站置灰，是个很简单的功能，也没有深入去看，去测试；css里面集成了一句置灰代码：html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 刚开始也很天真的认为这个代码没问题，在样式表处理完，用IE测试了下，正常，就没管！一会，用户反馈说兼容性有问题；于是快速测试，发现除了IE；火狐，谷歌，360急
cocos lua 图片置灰
xiaodong911的专栏
03-13 1408
local image = ccui.ImageViewfunction image:setGray(value)    if self.isGray and  not value then        local node = self:getVirtualRenderer():getSprite()        if node then            node:setGLProgr...
css实现图片置灰
Feast_aw的博客
01-08 2193
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
css图片置灰,变灰效果
热门推荐
itSeven7的博客
04-02 1万+
css图片置灰,变灰效果 新项目有一个合作伙伴模块，需要将各个企业的logo先置灰，移入再恢复彩色。 首先想到的是一套灰色一套彩色，两者互相切换src,但是觉得都css3了还搞这种方法就有点过时了，而且多一套资源，消耗性能. - 首先说一下，目前css实现方式是不兼容ie10+的浏览器的，所以对于ie10+的浏览器要使用js操作Canvas来实现； 下面是css3的代码实现,兼容Ie9以...
几行样式代码，让你的网站全站和图片都变成灰色|CSS样式灰色代码
小小鱼儿小小林的博客
04-04 3509
目录 方法一 方法二 方法三 如果需要将你的网站全站和图片变灰，只需要加几段css控制就可以了 效果展示 方法一 <!-- 可以是整个网站变成灰色的 --> html { -webkit-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.B...
Cocos Creator 置灰图片/节点
weixin_44486991的博客
04-07 5847
utils.set_grey = function(node, state) { var s = node.getComponentsInChildren(cc.Sprite); for(var i = 0; i < s.length; i++) { s[i].setState(state); } } state 0: 不置灰 state 1: 置灰 创建了一个小游戏交流群，加...
css图片置灰
qq_38948398的博客
04-02 2373
背景图片置灰加上样式：background-blend-mode: hue; image图片置灰，给图片加样式 .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%...
Android Imageview 图片置灰，图片特殊节日去真彩色
09-20 1845
ImageView是Android中的一个图片显示控件，用来加载网络或者本地图片资源。好看的图片可以让应用更被用户接收，如果图片作为应用的装饰，已成为主流，但不是所有的图片显示都符合要求，比如一些特殊时间，特别靓丽的色彩不符合当下假日要求，这个时候如果能让图片变成灰色，这样用助于达到效果。
Cocos2d-x 让精灵图像变灰的方法
STTYYTW王异帆的专栏
02-14 4813
本文参考了下面两篇博文 http://www.cocos2dev.com/?p=325 http://blog.youkuaiyun.com/u012940116/article/details/17003841 综合了上面两篇博文中对OpenGLES着色器的配置代码，经过试验后，得到以下代码 //函数声明 static void addGray(CCSprite* sp); st
给图片置灰
最新发布
08-30
不同的开发场景有不同的给图片置灰的方法： - **iOS开发**：可以使用以下方法实现图片去色功能，使图片灰色显示。 ```objc - (UIImage *)grayImage:(UIImage *)sourceImage { int bitmapInfo = kCGImageAlphaNone; int width = sourceImage.size.width; int height = sourceImage.size.height; CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceGray(); CGContextRef context = CGBitmapContextCreate (nil,width,height,8,0,colorSpace,bitmapInfo); CGColorSpaceRelease(colorSpace); if (context == NULL) { return nil; } CGContextDrawImage(context,CGRectMake(0, 0, width, height), sourceImage.CGImage); UIImage *grayImage = [UIImage imageWithCGImage:CGBitmapContextCreateImage(context)]; CGContextRelease(context); return grayImage; } ``` 此方法接收一个 `UIImage` 类型的图片作为参数，返回置灰后的图片 [^1]。 - **CSS开发**：使用 `filter` 属性可以实现图片置灰。核心属性为 `filter: grayscale(100%)`，值为 100% 则完全转为灰度图像，若为初始值 0% 则图像无变化，值在 0% 到 100% 之间，则是该效果的线性乘数。示例代码如下： ```css img { filter: grayscale(100%); } ``` 这样就能将页面上的图片置灰 [^2]。 - **NGUI开发**：可以使用如下代码实现图片置灰。 ```csharp public void SetGray(){ Material mat = new Material(Shader.Find("Unlit/Transparent Colored Grey")); mat.mainTexture = material.mainTexture; m_grayMaterial = mat; } ``` 该方法创建一个新的材质并将其设置为灰色材质 [^3]。 - **Unity开发**：可以创建一个自定义的Shader来实现图片置灰。在Unity编辑器中，右键点击 `Assets` 文件夹，选择 `Create -> Shader -> Unlit Shader`，代码如下： ```glsl Shader "Custom/GrayScaleShader" { Properties { _MainTex ("Base (RGB)", 2D) = "white" {} } SubShader { Tags { "RenderType"="Opaque" } Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata_t { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float4 pos : POSITION; float2 uv : TEXCOORD0; }; sampler2D _MainTex; float4 _MainTex_ST; v2f vert (appdata_t v) { v2f o; o.pos = UnityObjectToClipPos(v.vertex); o.uv = TRANSFORM_TEX(v.uv, _MainTex); return o; } half4 frag (v2f i) : SV_Target { half4 color = tex2D(_MainTex, i.uv); float gray = dot(color.rgb, half3(0.299, 0.587, 0.114)); return half4(gray, gray, gray, color.a); } ENDCG } } } ``` 将该Shader应用到图片材质上即可实现置灰效果 [^4]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值