vue项目需要在图片进行画框操作，用来进行重点标注，这里使用canvas来实现。
实现代码
<template>
<div class="test" style="background-color: burlywood; di...
yekong
1年前 (2023-09-09)
喜欢
最近在开发数据可是胡大屏地图，发现明明设置了地图选中后的颜色为浅白色，但是鼠标移开后，又变为了黄色，这不是我想要的效果。经过研究发现地图设置有两种，一种是鼠标移入后的颜色，一种是选中后的颜色，分别由两个字段控制。
选中后的颜色有select控制
selectedMode: &q...
yekong
1年前 (2023-09-08)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3 数据可视化大屏顶部组件 - 就业数据可视化大屏。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动画持续时...
yekong
1年前 (2023-09-07)
喜欢
vue3 数据可视化大屏边框-图书馆数据可视化大屏
边框由标题 主体 背景图片 下展背景动画等组成。
效果截图
动画效果
组件处理
为了让数据可视化大屏边框尽可能的适配各种不同的宽高显示，将一张背景图切为了9份，然后通过背景图定位来从新调整布局。
动画处理
默认隐藏边框，然后...
yekong
1年前 (2023-09-06)
喜欢
由于geoJson获取的渠道不同，数据可能也有差异，有些geoJson数据没有center，这导致我们在渲染地图的时候，因为没有center导致地名加载的时候报错。
但是自己手动一个一个添加center点就太累人了，这里提供的方法是通过js对json数据进行循环处理，根据现有的数...
yekong
1年前 (2023-09-06)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3数据可视化大屏蓝色顶部组件 - 图书馆数据可视化大屏。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动画持...
yekong
1年前 (2023-09-06)
喜欢
数据可视化大屏项目中，我们需要实现帧动画，实现方式有很多种，这里的方法是通过将序列帧图片转为雪碧图来实现，但是这里似乎有个问题就是不容易控制宽高。
将图片合成雪碧图并实现动画
将雪碧图拆解为序列帧图片
既然能序列帧图片转为雪碧图，我们也可能需要将序列帧做成的雪碧图重新转回到帧图片...
yekong
1年前 (2023-09-05)
喜欢
vue数据可视化大屏项目中，为了让数据大屏更加酷炫，会增加帧动画，在以前的项目中为了让是将帧动画转为雪碧图然后再使用的。今天反向操作一波，将雪碧图转为序列帧图片。
在线地址
将雪碧图拆解为序列帧图片
关键代码
这里通过选择图片然后输入序列帧图片的宽和高，输入序列帧图片的数量，然后...
yekong
1年前 (2023-09-05)
喜欢
上一节我们学习了:cesium纹理采样设置酷炫轨迹飞线今天我们要学习的是cesium着色器实现旋转雷达特效。
动态效果
选择位置，创建矩形
首先我们需要选择一个坐标，来放置我们的雷达。Cesium.Rectangle.fromDegrees 是CesiumJS库中一个方便的...
yekong
1年前 (2023-09-05)
喜欢
在GLSL（OpenGL Shading Language）中，mat2 用于声明一个2x2的矩阵，它包含四个浮点数。这个数据结构常用于各种线性变换，例如旋转和缩放。
声明：
声明一个 mat2 变量的基本语法如下：
mat2 myMatrix;
你也可以在声明时进行初始化：
...
yekong
1年前 (2023-09-05)
喜欢
