今天学习相机的渲染范围，位置和目标。
threejs版本选择
"three": "^0.154.0",
在场景中添加多个物体
之前我们学习了通过Three.js实现一个基础渲染代码，今天我们在之前的代码基础上，添加三个物体
我们在场景中...
yekong
1年前 (2023-08-04)
喜欢
Three.js 是一个用于创建 3D 图形的 JavaScript 库，它提供了各种几何形状的构造函数，包括 CylinderGeometry（圆柱体几何体）。CylinderGeometry 类可以用来创建一个圆柱体的几何模型。
下面是 CylinderGeometry 的构...
yekong
1年前 (2023-08-04)
喜欢
Three.js 是一个用于在 Web 上创建 3D 图形的 JavaScript 库。SphereGeometry 是 Three.js 中的一个类，用于创建球体几何体。下面是关于 SphereGeometry 方法的参数介绍以及一个简单的渲染实例。
参数
SphereGeom...
yekong
1年前 (2023-08-04)
喜欢
vue3 数据可视化大屏项目开发中，登录页面一般都需要记住密码功能，我们来实现这种功能。
使用组件
引入组件
import rememberPwd from "./rememberPwd.vue";
使用
components: {rememberPwd},...
yekong
1年前 (2023-08-04)
喜欢
Three.js是一个非常流行的JavaScript 3D库。在这个库中，有三种主要类型的相机：
透视相机（PerspectiveCamera）：这是最常见的相机类型，它模拟了人眼所看到的透视效果。透视相机由四个参数定义：视场（视野的角度），纵横比（一般是画布的宽度除以高度）...
yekong
1年前 (2023-08-02)
喜欢
APNG (Animated Portable Network Graphics) 是一个图形格式，它扩展了流行的 PNG（Portable Network Graphics）格式，以允许动画。与 GIF 相比，APNG 文件支持 24 位图像和 8 位透明度。因此，它提供了比 ...
yekong
1年前 (2023-08-02)
喜欢
设置前
设置后
ECharts 的 tooltip 组件有一个属性 confine，默认值为 false。当其设置为 true 时，tooltip 会被限制在图表的内容区域（由 grid.left/right/top/bottom，polar.radius，等参数定义）内。
...
yekong
1年前 (2023-08-02)
喜欢
数据可视化大屏项目开发过程中经常需要地图geo数据，这里将数据获取的方式整理出来，供大家参考。
阿里云GeoJSON在线工具
地址：阿里云GeoJSON在线工具
通过该工具可以轻松获得中国所有省份、地级市的包含子行政区轮廓经纬度坐标。
geojson.io工具
geojson.i...
yekong
1年前 (2023-08-02)
喜欢
js 当两个字段使用的同一个数组后，当其中一个数组变化了，另外一个数组也会收到影响。
this.list = res.data;
this.list2 = res.data;
var data = {
sorCount: 0,
sensorTypeKey: '0',
...
yekong
1年前 (2023-08-02)
喜欢
倾斜的斑马线效果可以通过CSS中的linear-gradient和repeating-linear-gradient来实现。这里有一个例子：
body {
min-height: 100vh;
display: flex;
align-items: center;
...
yekong
1年前 (2023-08-01)
喜欢
