- 博客(3)
- 收藏
- 关注
RSS订阅原创 vue根据图片提取主题色/对颜色进行分类
方法来获取颜色信息，其中seletor为选择器，index为每几个像素提取一次像素信息0-9任意数值，这里我提取了五个主要颜色信息，并保存在了colors[]数组中。最近发现taptap的主页首图是根据图片的颜色动态的切换底色的，颇有兴趣搜索了一下，了解到了相关原理，普遍是把图片转成canvas然后根据canvas的像素信息对颜色进行采样。传入一组颜色数据，可以根据提取到的颜色数据匹配最相近的色系，与主题保持同一种风格。莫兰迪色系为自己传入的颜色数据，可以匹配与传入的颜色最相近的色系，保持风格统一。
2024-05-30 01:03:51
349
原创 websocket初级应用，vue3+node多设备信息同步/事件推送
首先定义响应式数据，这个一般从后端获取，由于是demo所以我选择写死数据。例如网易云的扫码登录，每隔几十毫秒发送登录请求检测是否成功扫码。3.接下来是客户端全部代码（确保连接到服务端）定义自增自减函数以及计算总价函数。然后定义选择每个商品的数量数量。1.首先安装websocket。2.太长了不想写，直接贴代码。
2024-05-18 00:33:12
293
1
原创 vue3实现鼠标点击卡片翻转效果
当点击该按钮时，会调用flipAllCards方法，遍历cards数组，并将每个卡片的flipped属性取反，从而实现全部卡片同时翻转，并且在flipAllCards 方法中添加逻辑来检查卡片的当前状态，如果已经是反面，则不进行翻转。每个卡片都有front和back两个面，初始状态下都是正面（flipped: false）。通过点击卡片，我们可以改变对应卡片的flipped属性，从而实现翻转动画。使用v-bind:class指令来动态切换卡片的类名，根据flipped属性的值来决定显示正面还是反面的内容。
2023-11-17 18:16:44
968
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人