Springboot实现缓存组件(ctgcache、redis)配置动态切换

目录

一、需求背景

二、实现缓存组件的动态切换

1.第一步：配置文件新增切换开关

2.第二步：创建ctgcache 缓存条件类

3.第三步：创建redis 缓存条件类

4.第四步：创建缓存切换配置类

5.第五步：创建缓存服务接口

6.第六步：创建ctgcache实现类实现缓存服务接口

7.第七步：创建redis实现类实现缓存服务接口

8.第八步：在程序中注入缓存服务接口使用

三、总结

一、需求背景

        现在有多个springboot项目，但是不同的项目中使用的缓存组件是不一样的，有的项目使用redis，有的项目使用ctgcache，现在需要用同一套代码通过配置开关，在不同的项目中切换这两种缓存。

二、实现缓存组件的动态切换

1.第一步：配置文件新增切换开关
#缓存组件配置
#cache.type=ctgcache
cache.type=redis
2.第二步：创建ctgcache 缓存条件类
package com.gstanzer.supervise.cache;import org.springframework.context.annotation.Condition;
import org.springframework.context.annotation.ConditionContext;
import org.springframework.core.env.Environment;
import org.springframework.core.type.AnnotatedTypeMetadata;/*** ctgcache 缓存条件类** @author: tangbingbing* @date: 2024/7/22 14:31*/
public class CtgCacheCondition implements Condition {@Overridepublic boolean matches(ConditionContext context, AnnotatedTypeMetadata metadata) {// 从 Environment 中获取属性Environment env = context.getEnvironment();String cacheType = env.getProperty("cache.type");// 检查 cache.type 是否与 metadata 中的某个值匹配（这里简单比较字符串）// 注意：实际应用中可能需要更复杂的逻辑来确定 metadata 中的值// 这里我们假设 metadata 中没有特定值，仅根据 cache.type 判断if ("ctgcache".equalsIgnoreCase(cacheType)) {// 使用 ctgcachereturn true;}// 如果没有明确指定，或者指定了其他值，我们可以选择默认行为// 这里假设默认不使用这个 Beanreturn false;}}

3.第三步：创建redis 缓存条件类
package com.gstanzer.supervise.cache;import org.springframework.context.annotation.Condition;
import org.springframework.context.annotation.ConditionContext;
import org.springframework.core.env.Environment;
import org.springframework.core.type.AnnotatedTypeMetadata;/*** redis 缓存条件类** @author: tangbingbing* @date: 2024/7/22 14:31*/
public class RedisCondition implements Condition {@Overridepublic boolean matches(ConditionContext context, AnnotatedTypeMetadata metadata) {// 从 Environment 中获取属性Environment env = context.getEnvironment();String cacheType = env.getProperty("cache.type");// 检查 cache.type 是否与 metadata 中的某个值匹配（这里简单比较字符串）// 注意：实际应用中可能需要更复杂的逻辑来确定 metadata 中的值// 这里我们假设 metadata 中没有特定值，仅根据 cache.type 判断if ("redis".equalsIgnoreCase(cacheType)) {// 使用 Redisreturn true;}// 如果没有明确指定，或者指定了其他值，我们可以选择默认行为// 这里假设默认不使用这个 Beanreturn false;}}

4.第四步：创建缓存切换配置类
package com.gstanzer.supervise.cache;import com.ctg.itrdc.cache.pool.CtgJedisPool;
import com.ctg.itrdc.cache.pool.CtgJedisPoolConfig;
import com.ctg.itrdc.cache.vjedis.jedis.JedisPoolConfig;
import com.fasterxml.jackson.annotation.JsonAutoDetect;
import com.fasterxml.jackson.annotation.PropertyAccessor;
import com.fasterxml.jackson.databind.ObjectMapper;
import org.apache.commons.pool2.impl.GenericObjectPoolConfig;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Conditional;
import org.springframework.context.annotation.Configuration;
import org.springframework.data.redis.connection.RedisConnectionFactory;
import org.springframework.data.redis.core.RedisTemplate;
import org.springframework.data.redis.listener.RedisMessageListenerContainer;
import org.springframework.data.redis.serializer.Jackson2JsonRedisSerializer;
import org.springframework.data.redis.serializer.RedisSerializer;
import org.springframework.data.redis.serializer.StringRedisSerializer;
import redis.clients.jedis.HostAndPort;import java.util.ArrayList;
import java.util.List;/*** 缓存配置类** @author: tangbingbing* @date: 2024/7/22 14:28*/
@Configuration
public class CacheConfig {@Value("${access.cq.redis.host1}")private String reidsHost1;@Value("${access.cq.redis.host2}")private String reidsHost2;@Value("${access.cq.redis.port}")private int port;@Value("${access.cq.redis.password}")private String password;@Value("${access.cq.redis.group}")private String group;@Value("${access.cq.redis.max-total}")private int maxTotal;@Value("${access.cq.redis.max-idle}")private int maxIdle;@Value("${access.cq.redis.min-idle}")private int minIdle;@Value("${access.cq.redis.max-wait}")private int maxWait;@Value("${access.cq.redis.period}")private int period;@Value("${access.cq.redis.monitor-timeout}")private int monitorTimeout;@Bean@Conditional(RedisCondition.class)public RedisTemplate<String, Object> redisTemplate(RedisConnectionFactory factory) {// 创建并返回RedisTemplateRedisTemplate<String, Object> redisTemplate = new RedisTemplate<>();redisTemplate.setConnectionFactory(factory);RedisSerializer<String> redisSerializer = new StringRedisSerializer();redisTemplate.setKeySerializer(redisSerializer);redisTemplate.setHashKeySerializer(redisSerializer);// 设置value的序列化器//使用Jackson 2，将对象序列化为JSONJackson2JsonRedisSerializer jackson2JsonRedisSerializer = new Jackson2JsonRedisSerializer(Object.class);//json转对象类，不设置默认的会将json转成hashmapObjectMapper om = new ObjectMapper();om.setVisibility(PropertyAccessor.ALL, JsonAutoDetect.Visibility.ANY);// json中会显示类型
//        om.enableDefaultTyping(ObjectMapper.DefaultTyping.NON_FINAL);jackson2JsonRedisSerializer.setObjectMapper(om);redisTemplate.setValueSerializer(jackson2JsonRedisSerializer);redisTemplate.setHashValueSerializer(jackson2JsonRedisSerializer);redisTemplate.afterPropertiesSet();return redisTemplate;}@Bean@Conditional(RedisCondition.class)public RedisMessageListenerContainer redisMessageListenerContainer(RedisConnectionFactory connectionFactory) {// 创建并返回RedisMessageListenerContainerRedisMessageListenerContainer container = new RedisMessageListenerContainer();// 监听所有库的key过期事件container.setConnectionFactory(connectionFactory);return container;}@Bean@Conditional(CtgCacheCondition.class)public CtgJedisPool ctgJedisPool() {// 创建并返回CtgJedisPoolList<HostAndPort> hostAndPortList = new ArrayList();HostAndPort host1 = new HostAndPort(reidsHost1, port);HostAndPort host2 = new HostAndPort(reidsHost2, port);hostAndPortList.add(host1);hostAndPortList.add(host2);GenericObjectPoolConfig poolConfig = new JedisPoolConfig();poolConfig.setMaxTotal(maxTotal); // 最大连接数（空闲+使用中）poolConfig.setMaxIdle(maxIdle); //最大空闲连接数poolConfig.setMinIdle(minIdle); //保持的最小空闲连接数poolConfig.setMaxWaitMillis(maxWait); //借出连接时最大的等待时间CtgJedisPoolConfig config = new CtgJedisPoolConfig(hostAndPortList);config.setDatabase(group).setPassword(password).setPoolConfig(poolConfig).setPeriod(period).setMonitorTimeout(monitorTimeout);CtgJedisPool pool = new CtgJedisPool(config);return pool;}
}

5.第五步：创建缓存服务接口
package com.gstanzer.supervise.cache;/*** 缓存服务接口** @author: tangbingbing* @date: 2024/7/22 14:46*/
public interface CacheService {/*** 检查缓存中是否存在某个key** @param key* @return*/public boolean exists(final String key);/*** 获取缓存中对应key的value值** @param key* @return*/public String get(final String key);/*** 存入值到缓存，并设置有效期** @param key* @param value* @param expireTime 有效期，单位s* @return*/public boolean set(final String key, String value, int expireTime);/*** 存入值到缓存** @param key* @param value* @return*/public boolean set(final String key, String value);/*** 删除缓存对应的key值** @param key* @return*/public boolean del(final String key);}

6.第六步：创建ctgcache实现类实现缓存服务接口
package com.gstanzer.supervise.cache;import com.ctg.itrdc.cache.pool.CtgJedisPool;
import com.ctg.itrdc.cache.pool.ProxyJedis;
import com.gstanzer.supervise.ctgcache.CtgRedisUtil;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.context.annotation.Conditional;
import org.springframework.stereotype.Service;import javax.annotation.Resource;/*** ctgcache 缓存方法实现** @author: tangbingbing* @date: 2024/7/22 14:48*/
@Service
@Conditional(CtgCacheCondition.class)
public class CtgCacheService implements CacheService {private static Logger logger = LoggerFactory.getLogger(CtgRedisUtil.class);@Resourceprivate CtgJedisPool ctgJedisPool;/*** 判断缓存中是否有对应的value** @param key* @return*/public boolean exists(final String key) {Boolean exists = false;ProxyJedis jedis = new ProxyJedis();try {jedis = ctgJedisPool.getResource();exists = jedis.exists(key);jedis.close();} catch (Throwable e) {logger.error(e.getMessage());jedis.close();} finally {// finally内执行，确保连接归还try {jedis.close();} catch (Throwable ignored) {}}return exists;}/*** 读取缓存** @param key* @return*/public String get(final String key) {String value = null;ProxyJedis jedis = new ProxyJedis();try {jedis = ctgJedisPool.getResource();value = jedis.get(key);jedis.close();} catch (Throwable e) {logger.error(e.getMessage());jedis.close();} finally {// finally内执行，确保连接归还try {jedis.close();} catch (Throwable ignored) {}}return value;}/*** 写入缓存设置时效时间** @param key* @param value* @return*/public boolean set(final String key, String value, int expireTime) {Boolean result = false;ProxyJedis jedis = new ProxyJedis();try {jedis = ctgJedisPool.getResource();jedis.setex(key, expireTime, value);result = true;jedis.close();} catch (Throwable e) {logger.error(e.getMessage());jedis.close();} finally {// finally内执行，确保连接归还try {jedis.close();} catch (Throwable ignored) {}}return result;}/*** 写入缓存** @param key* @param value* @return*/public boolean set(final String key, String value) {Boolean result = false;ProxyJedis jedis = new ProxyJedis();try {jedis = ctgJedisPool.getResource();jedis.set(key, value);result = true;jedis.close();} catch (Throwable e) {logger.error(e.getMessage());jedis.close();} finally {// finally内执行，确保连接归还try {jedis.close();} catch (Throwable ignored) {}}return result;}/*** 删除缓存** @param key* @return*/public boolean del(final String key) {Boolean result = false;ProxyJedis jedis = new ProxyJedis();try {jedis = ctgJedisPool.getResource();jedis.del(key);result = true;jedis.close();} catch (Throwable e) {logger.error(e.getMessage());jedis.close();} finally {// finally内执行，确保连接归还try {jedis.close();} catch (Throwable ignored) {}}return result;}}

7.第七步：创建redis实现类实现缓存服务接口
package com.gstanzer.supervise.cache;import com.gstanzer.supervise.redis.RedisUtils;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Conditional;
import org.springframework.data.redis.core.RedisTemplate;
import org.springframework.data.redis.core.StringRedisTemplate;
import org.springframework.data.redis.core.ValueOperations;
import org.springframework.stereotype.Service;import java.io.Serializable;
import java.util.concurrent.TimeUnit;/*** reids 缓存方法实现** @author: tangbingbing* @date: 2024/7/22 14:48*/
@Service
@Conditional(RedisCondition.class)
public class RedisCacheService implements CacheService {@Autowiredprivate RedisTemplate redisTemplate;@Autowiredprivate StringRedisTemplate stringRedisTemplate;private static Logger logger = LoggerFactory.getLogger(RedisUtils.class);/*** 检查缓存中是否存在某个key** @param key* @return*/@Overridepublic boolean exists(String key) {return redisTemplate.hasKey(key);}/*** 获取缓存中对应key的value值** @param key* @return*/@Overridepublic String get(String key) {String result = null;ValueOperations<Serializable, Object> operations = redisTemplate.opsForValue();result = operations.get(key).toString();return result;}/*** 存入值到缓存，并设置有效期** @param key* @param value* @param expireTime 有效期，单位s* @return*/@Overridepublic boolean set(String key, String value, int expireTime) {boolean result = false;try {ValueOperations<Serializable, Object> operations = redisTemplate.opsForValue();operations.set(key, value);redisTemplate.expire(key, expireTime, TimeUnit.SECONDS);result = true;} catch (Exception e) {e.printStackTrace();}return result;}/*** 存入值到缓存** @param key* @param value* @return*/@Overridepublic boolean set(String key, String value) {boolean result = false;try {ValueOperations<Serializable, Object> operations = redisTemplate.opsForValue();operations.set(key, value);result = true;} catch (Exception e) {e.printStackTrace();}return result;}/*** 删除缓存对应的key值** @param key* @return*/@Overridepublic boolean del(String key) {Boolean result = false;try {if (exists(key)) {redisTemplate.delete(key);}result = true;} catch (Exception e) {e.printStackTrace();}return result;}
}

8.第八步：在程序中注入缓存服务接口使用
package com.gstanzer.supervise.controller;import com.gstanzer.supervise.cache.CacheService;
import com.gstanzer.supervise.jwt.PassToken;
import com.gstanzer.supervise.swagger.ApiForBackEndInIAM;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import io.swagger.annotations.ApiParam;
import lombok.extern.slf4j.Slf4j;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;import javax.annotation.Resource;
import javax.validation.constraints.NotEmpty;/*** 缓存测试 Controller** @author: tangbingbing* @date: 2023/10/23 16:25*/
@Api(tags = "缓存测试")
@Slf4j
@Validated
@RestController
@RequestMapping(value = "/redis")
public class RedisController {@Resourceprivate CacheService cacheService;@PassToken@ApiForBackEndInIAM@ApiOperation(value = "redis测试")@PostMapping("/test")public String test(@RequestParam() @ApiParam(value = "redis键") @NotEmpty(message = "{validator.RedisController.test.key.NotEmpty}") String key) {String res = "获取到redis-value为：空";if (cacheService.exists(key)){String value = cacheService.get(key);res = "获取到redis-value为：" + value;} else {cacheService.set(key,"test",60);res = "未获取到value，重新设置值有效期为60s";}return res;}
}

三、总结

        其实整体实现是一个比较简单的过程，核心是需要了解Springboot中@Conditional注解的应用，希望对大家有所帮助。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/pingmian/50080.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

godot新建项目及设置外部编辑器为vscode

godot新建项目及设置外部编辑器为vscode

一、新建项目 初次打开界面如下所示&#xff0c;点击取消按钮先关闭掉默认弹出的框 点击①新建弹出中间的弹窗②中填入项目的名称 ③中设置项目的存储路径&#xff0c;点击箭头所指浏览按钮&#xff0c;会弹出如下所示窗口 根据图中所示可以选择或新建自己的游戏存储路径&…
阅读更多...
鸿蒙（HarmonyOS）自定义Dialog实现时间选择控件

鸿蒙（HarmonyOS）自定义Dialog实现时间选择控件

一、操作环境 操作系统: Windows 11 专业版、IDE:DevEco Studio 3.1.1 Release、SDK:HarmonyOS 3.1.0&#xff08;API 9&#xff09; 二、效果图 三、代码 SelectedDateDialog.ets文件/*** 时间选择*/ CustomDialog export struct SelectedDateDialog {State selectedDate:…
阅读更多...
Linux系统上安装Redis

Linux系统上安装Redis

百度网盘&#xff1a; 通过网盘分享的文件&#xff1a;redis_linux 链接: https://pan.baidu.com/s/1ZcECygWA15pQWCuiVdjCtg?pwd8888 提取码: 8888 1.把安装包拖拽到/ruanjian/redis/文件夹中&#xff08;自己选择&#xff09; 2.进入压缩包所在文件夹&#xff0c;解压压缩…
阅读更多...
ROM修改进阶教程------修改rom 开机自动安装指定apk 自启脚本完整步骤解析

ROM修改进阶教程------修改rom 开机自动安装指定apk 自启脚本完整步骤解析

rom修改的初期认识 在解包修改系统分区过程中。很多客户需求刷完rom后自动安装指定apk。这种与内置apk有区别。而且一些极个别apk无法内置。今天对这种修改rom刷入机型后第一次启动后自动安装指定apk的需求做个步骤解析。 在前期博文中我有做过说明。官方系统固件解…
阅读更多...
按图搜索新体验：阿里巴巴拍立淘API返回值详解

按图搜索新体验：阿里巴巴拍立淘API返回值详解

阿里巴巴拍立淘API是一项基于图片搜索的商品搜索服务&#xff0c;它允许用户通过上传商品图片&#xff0c;系统自动识别图片中的商品信息&#xff0c;并返回与之相关的搜索结果。以下是对阿里巴巴拍立淘API返回值的详细解析&#xff1a; 一、主要返回值内容 商品信息 商品列表…
阅读更多...
Java面试题（每日更新）

Java面试题（每日更新）

每日五道&#xff01;学会就去面试&#xff01; 本文的宗旨是为读者朋友们整理一份详实而又权威的面试清单&#xff0c;下面一起进入主题吧。 目录 1.概述 2.Java 基础 2.1 JDK 和 JRE 有什么区别&#xff1f; 2.2 和 equals 的区别是什么&#xff1f; 2.3 两个对象的…
阅读更多...
ECharts实现按月统计和MTBF统计

ECharts实现按月统计和MTBF统计

一、数据准备 下表是小明最近一年的旅游记录 create_datecity_namecost_money2023-10-10 10:10:10北京14992023-11-11 11:11:11上海29992023-12-12 12:12:12上海19992024-01-24 12:12:12北京1232024-01-24 12:12:12上海2232024-02-24 12:12:12广州5642024-02-24 12:12:12北京…
阅读更多...
leetcode-148. 排序链表

leetcode-148. 排序链表

题目描述 给你链表的头结点 head &#xff0c;请将其按 升序 排列并返回 排序后的链表 。 示例 1&#xff1a; 输入&#xff1a;head [4,2,1,3] 输出&#xff1a;[1,2,3,4]示例 2&#xff1a; 输入&#xff1a;head [-1,5,3,4,0] 输出&#xff1a;[-1,0,3,4,5]示例 3&#x…
阅读更多...
react18+

react18+

主要是围绕函数式组件讲&#xff0c;18主要用就是函数式组件&#xff0c;学习前先熟悉下原生js的基本使用&#xff0c;主要是事件 1、UI操作 1.1、书写jsx标签语言 基本写法和原生如同一则&#xff0c;只是放在一个方法里面返回而已&#xff0c;我们称这样的写法为函数式组件…
阅读更多...
OrangePi Zero2 全志H616 开发初探

OrangePi Zero2 全志H616 开发初探

目录&#xff1a; 一、刷机和系统启动1、TF 卡格式化&#xff1a;2、镜像烧录&#xff1a;3、登录系统&#xff1a; 二、基于官方外设开发1、wiringPi 外设 SDK 安装&#xff1a;2、C 文件编译&#xff1a;3、基于官方外设的应用开发&#xff1a;① GPIO 输入输出&#xff1a;②…
阅读更多...
【个人亲试最新】WSL2中的Ubuntu 22.04安装Docker

【个人亲试最新】WSL2中的Ubuntu 22.04安装Docker

文章目录 Wsl2中的Ubuntu22.04安装Docker其他问题wsl中执行Ubuntu 报错&#xff1a;System has not been booted with systemd as init system (PID 1). Can‘t operate. 参考博客 &#x1f60a;点此到文末惊喜↩︎ Wsl2中的Ubuntu22.04安装Docker 确定为wsl2ubuntu22.04&#…
阅读更多...
C++20之设计模式：状态模式

C++20之设计模式：状态模式

状态模式 状态模式状态驱动的状态机手工状态机Boost.MSM 中的状态机总结 状态模式 我必须承认:我的行为是由我的状态支配的。如果我没有足够的睡眠&#xff0c;我会有点累。如果我喝了酒&#xff0c;我就不会开车了。所有这些都是状态(states)&#xff0c;它们支配着我的行为:…
阅读更多...
uniapp 中uni.request H5无法使用请求头

uniapp 中uni.request H5无法使用请求头

今天调试一天忘了看官网文档一直以为写错了&#xff0c;后来发现uniapp 里面就不能自定义h5我擦。 如果要测试可以走HX的内置浏览器中测试 其他比如小程序或者APP都可以使用
阅读更多...
vue接入google map自定义marker教程

vue接入google map自定义marker教程

需求背景 由于客户需求&#xff0c;原来系统接入的高德地图&#xff0c;他们不接受&#xff0c;需要换成google地图。然后就各种百度&#xff0c;各种Google&#xff0c;却不能实现。----无语&#xff0c;就连google地图官方的api也是一坨S-H-I。所以才出现这篇文章。 google地…
阅读更多...
【Python实战因果推断】56_因果推理概论6

【Python实战因果推断】56_因果推理概论6

目录 Causal Quantities: An Example Bias Causal Quantities: An Example 让我们看看在我们的商业问题中&#xff0c;你如何定义这些量。首先&#xff0c;你要注意到&#xff0c;你永远无法知道价格削减&#xff08;即促销活动&#xff09;对某个特定商家的确切影响&#xf…
阅读更多...
AMEsim液压阀伯德图绘制方法

AMEsim液压阀伯德图绘制方法

之前也在液压圈论坛里面发过类似的贴子&#xff0c;具体可以看这个网址&#x1f6aa;&#x1f449;&#xff1a;如何得出说明书里面的伯德图曲线&#xff1f;&#xff0c;回复的人还是比较少&#xff0c;这个方法重要信息是参考百度文库这篇文章&#x1f6aa;&#x1f449;&…
阅读更多...
Linux使用nmcli连接无线网络

Linux使用nmcli连接无线网络

一、简介 前两天刚在二手市场收了一个树莓派3B来玩玩&#xff0c;没有安装图形界面&#xff0c;在配置的时候首先就遇到了CLI终端下连接无线网络的问题&#xff0c;好在有一个nmcli可以很方便的连接无线网络。记录一下使用过程&#xff0c;以免遗忘。 二、学习Linux可行的几种…
阅读更多...
【系统架构设计师】计算机组成与体系结构 ⑯ ( 奇偶校验码 | CRC 循环冗余码 | 海明码 | 模 2 除法 )

【系统架构设计师】计算机组成与体系结构 ⑯ ( 奇偶校验码 | CRC 循环冗余码 | 海明码 | 模 2 除法 )

文章目录 一、校验码1、校验码由来2、奇偶校验码3、CRC 循环冗余码 ( 重点考点 )4、海明码校验 ( 软考不经常考到 ) 二、CRC 循环冗余码 ( 重点考点 )1、模 2 除法概念2、模 2 除法步骤3、模 2 除法示例4、CRC 循环冗余码示例 15、CRC 循环冗余码示例 2 参考之前的博客 : 【计…
阅读更多...
Webshell管理工具：AntSword（中国蚁剑）

Webshell管理工具：AntSword（中国蚁剑）

中国蚁剑是一款开源的跨平台网站管理工具&#xff0c;它主要面向于合法授权的渗透测试安全人员以及进行常规操作的网站管理员。 通俗的讲&#xff1a;中国蚁剑是 一 款比菜刀还牛的shell控制端软件。 一、中国蚁剑下载 1. 下载 AntSword-Loader https://github.com/AntSwordP…
阅读更多...
css更改图片颜色

css更改图片颜色

css更改图片颜色&#xff0c;比较时候颜色单一的图片&#xff0c;比如logo之类的 css中的 filter 属性定义元素&#xff08;通常是 <img>&#xff09;的视觉效果&#xff08;如模糊和饱和度&#xff09; img{ -webkit-filter: invert(51%) sepia(94%) saturate(6433%) h…
阅读更多...
最新文章

Copyright @ 2022~2023