分类:学习笔记

note

如何使用高德地图获取当前天气 24小时内最新

如何使用高德地图获取当前天气
在进行数据可视化大屏项目开发中,在大屏的右上角或者左上角一般会需要显示天气,这里我们可以使用高德地图获取指定城市的天气信息,您可以按照以下步骤操作: 注册高德开发者账号 首先需要在高德开放平台注册一个开发者账号,获取API Key。添加应用,这里我们选择web服务,这样我们就可...

yekong 13小时前 17℃ 0喜欢

postcss-pxtorem排除特定文件和目录 24小时内最新

postcss-pxtorem排除特定文件和目录
数据可视化大屏项目中,我们为了适配大屏,我们需要将px转为rem但是我也会遇到特别的情况,比如只有部分页面需要转换,另外一部分页面不需要转换。 测试环境 vue3 vite js 和 vue2 webpack js 测试版本 "postcss": "...

yekong 16小时前 71℃ 0喜欢

vue3 数据大屏实现屏幕自适应px转rem 24小时内最新

vue3 数据大屏实现屏幕自适应px转rem
数据大屏项目开发中,我们需要尽可能的适配不同分辨率的大屏,今天我们来介绍如何实现适配,这里适配的原理是,先将px转为rem然后适配rem就可以了。 安装依赖 pnpm i autoprefixer postcss postcss-loader postcss-pxtorem 创...

yekong 16小时前 979℃ 1喜欢

echarts 中国地图自定义背景图地图效果

echarts 中国地图自定义背景图地图效果
vue 数据可视化大屏 项目开发中,设计师设计的地图很漂亮,但是前端实现不了这种效果,这时候我们可以通过一个折中的办法来实现这种效果,以图片做地图以echarts做数据支持完成我们想要的效果。 入场动画 实现效果 echarts 自定义label内容,label使用自定义图片...

yekong 1周前 (07-18) 2283℃ 3喜欢

css如何避免图片变形

css如何避免图片变形
object-fit: contain 属性是一种有效的 CSS 方法,可以避免图片在固定尺寸容器中变形。以下是关于 object-fit: contain 的主要特点和使用方法: 保持原始比例: object-fit: contain 会保持图片的原始宽高比,不会对图片进行...

yekong 2周前 (07-17) 71℃ 0喜欢

cesium设置星空透明

cesium设置星空透明
cesium项目开发过程中,我们需要让星空背景透明,不要星空。 cesium版本 "cesium": "1.93.0", 代码中已经包含了以下设置: skyBox: false, // 禁用天空盒 skyAtmosphere: f...

yekong 2周前 (07-16) 73℃ 0喜欢

hls格式流视频测试地址整理

hls格式流视频测试地址整理
HLS (HTTP Live Streaming) 是一种广泛使用的视频流媒体传输协议,具有以下主要特点: 自适应比特率流:HLS可以根据网络状况动态调整视频质量,确保流畅播放。 分片传输:HLS将视频内容切分成10秒左右的短片段(.ts文件),通过HTTP协议传输。 ...

yekong 2周前 (07-12) 114℃ 0喜欢

ps复制图片粘贴发白

ps复制图片粘贴发白
问题 最近遇到一个奇怪的问题,不知道是什么原因,就是图片复制然后粘贴到ps中图片会泛白 系统 mac系统 原本图片 复制粘贴到ps中后 在ps中新建图层,然后复制图片粘贴进来后,图片就会泛白 解决办法 目前没有找到原因,所以也没有找到解决办法,不过可以使用其他办法替代,就是直...

yekong 3周前 (07-10) 98℃ 0喜欢

ae使用粒子插件实现3d粒子地球

ae使用粒子插件实现3d粒子地球
数据可视化大屏项目开发中,我们会遇到3d粒子地球的装饰,今天我们来实现这个效果。 工具 ae 以及 ae插件RG Trapcode-Form插件 动态效果 打开ae新建合成 这里我们新建一个1000*1000时长5s的合成 新建纯色图层 添加效果 选中我们创建的纯色图层,...

yekong 3周前 (07-07) 94℃ 1喜欢

如何给数据大屏添加流光效果

如何给数据大屏添加流光效果
数据可视化大屏项目开发过程中,我们会给大屏添加一些光效以让让大屏看起来更加酷炫, 今天我们要实现的是添加流光效果。 工具 在添加流光效果前,我们需要准备工具ae以及saber插件 打开ae,导入图片 将图片拖入到ae中 钢笔工具勾勒轨迹 使用钢笔工具勾勒流光动画的行动轨迹 添...

yekong 3周前 (07-06) 116℃ 0喜欢