数据可视化大屏 项目开发中,需要一个内部发光的效果,使用图片的话,在适配宽高的时候可能会变形,所以这里用css的内发光效果来实现效果。
效果截图
关键代码
.itemInfo {
position: relative;
width: 100%;
height: 10...
yekong
2年前 (2023-08-11)
喜欢
数据可视化大屏项目开发过程中,需要一些特效,今天整理的效果是echarts 折线图流光效果,流光效果不适用于平滑曲线。
动态效果
实例代码
drawEcharts() {
// 基于准备好的dom,初始化echarts实例
let myChart = echarts....
yekong
2年前 (2023-08-11)
喜欢
动态效果
你可以使用CSS动画或JavaScript来实现文字依次显示的效果。以下是一个使用Vue和CSS动画的示例代码:
<template>
<div class="text-container">
<span...
yekong
2年前 (2023-08-11)
喜欢
GeoJOSN数据简介和获取
要渲染地图,首先要有地图数据,所以我们需要先可以获取到我们需要的地图数据,然后才能渲染地图。
通过Three.js实现一个基础渲染代码
要渲染3d地图首先需要能够使用threejs渲染一个基本的场景
threejs 相机渲染范围、位置和目标
我们需要...
yekong
2年前 (2023-08-10)
喜欢
要渲染世界地图,首先我们需要准备世界地图geoJson数据,
如果对geoJson不了解的话可以查看GeoJOSN介绍,进行了解。
如果不知道如何获取geoJson的话,可以从这里获取:GeoJOSN数据简介和获取
threejs版本
当前笔记使用threejs版本号
"...
yekong
2年前 (2023-08-10)
喜欢
THREE.FileLoader是Three.js库中的一个类,用于通过HTTP协议异步加载文件。它可以用于加载各种类型的文件,如文本、JSON、XML等。
参数
THREE.FileLoader的构造函数可以接受一个loadingManager参数。loadingManager...
yekong
2年前 (2023-08-10)
喜欢
在GeoJSON格式中,Polygon和MultiPolygon是用来表示地理形状的两种不同类型。
Polygon:
Polygon用于表示一个单一的多边形结构。它由一个或多个线性环组成,其中第一个环定义了多边形的外部边界,其余的环定义了多边形内的洞。每个环都是一个闭合的线性...
yekong
2年前 (2023-08-10)
喜欢
前端项目开发中,需要用到很多字体,经常会遇到重复的字体,想着每次重新找设计要或者自己百度也麻烦,不然记录下来,方便后续遇到一样的可以直接下载使用。
字体名称
MiSans
字体介绍
手机作为目前陪伴我们最多的屏幕设备,优雅好看的字体能让整体使用观感上升,因此很多手机厂商都联手字体...
yekong
2年前 (2023-08-10)
喜欢
n 是一个 Node.js 的版本管理器,它允许你在同一台机器上轻松切换不同的 Node.js 版本。对于有多个项目和每个项目可能需要不同版本的 Node.js 的开发人员来说,这是一个非常有用的工具。
安装
首先,你需要确保已经安装了 Node.js。然后,你可以使用以下命令来...
yekong
2年前 (2023-08-10)
喜欢
在进行复杂的3d地图构建前,我们需要先学习简单的构建,比如通过几个点构建一个轮廓。
threejs版本
当前笔记使用threejs版本号
"three": "^0.154.0",
实例演示地址
几何体顶点和Line的渲染
效果截图
构...
yekong
2年前 (2023-08-09)
喜欢