vue数据可视化大屏项目开发中需要实现仪表盘效果,效果图如下:
最外层刻度
我们在实现效果的时候需要需要分多步走,首先是最外层向内渐变效果,加刻度加数字标识,通过使用radial colorStops 达到颜色渐变效果
{
name: '刻度尺',
type:...
yekong
1年前 (2024-01-15)
喜欢
echarts实现仪表盘效果,仪表盘有多段不同的颜色,带指针,并且仪表盘显示数字刻度
实例代码
<template>
<div class="echarts1" ref="echarts1">
</...
yekong
1年前 (2024-01-15)
喜欢
数据可视化大屏 开发中,需要显示各种各样效果的仪表盘,所以整理汇总遇到过的各种效果的仪表盘实例,希望可以快速复用,节约开发时间。
echarts实现仪表盘效果
echarts 实现仪表盘实例颜色渐变效果
...
yekong
1年前 (2024-01-15)
喜欢
ae自带工作区
ae默认自带了很多工作区,我们可以点击窗口-工作区查看默认的工作区。
拖动窗口
当我们左键按住窗口拖动拖动小窗口到合成区的时候,会出现下面的窗口效果,我们可以自由选择我们想要放置的区域。
当我们拖动到特定位置松开左键后,窗口就会变为下面的效果。
预设自己的工...
yekong
1年前 (2024-01-14)
喜欢
导入PSD文件
这里我们导入psd文件,选择合成-保持图层大小,ae会自动创建一个合成,并且会将AE所有的图层作为合成的图层,会将所有的图层作为独立的素材保存到项目面板中,每个素材的大小就是原本图层的大小。
导入类型
在这里我们还可以再次切换导入的类型,这里选择可编辑的图层样式...
yekong
1年前 (2024-01-13)
喜欢
ae界面下的布局,以及基本的介绍
菜单栏
第一行是菜单栏
工具栏
第二行是工具栏。工具栏里罗列了,我们在ae中常用的工具。
项目面板
项目面板,左侧是项目面板,有我们项目需要用到的素材,以及合成层。
合成效果的预览窗口
中间是合成效果的预览窗口,我们可以预览到我们合成的动...
yekong
1年前 (2024-01-12)
喜欢
使用threejs 实现波动光圈效果
演示效果
演示效果
引入图片资源
var material = new THREE.MeshBasicMaterial({
color: 0x00ffff,//设置光圈颜色
map: textureLoader.load('asse...
yekong
1年前 (2024-01-10)
喜欢
官方地址
官方地址
立即注册
进入微信公众号页面,找到立即注册。
类型选择
进入到立即注册后,会显示4种类型供用户选择,这里我们选择订阅号。
输入账号信息
输入邮箱地址设置密码
选择账号类型
这里注册订阅号,所以选择订阅号
信息登记
这里是个人登记,所以选择个人
输入...
yekong
1年前 (2024-01-10)
喜欢
Saber自定义核心,我们可以在对saber核心这里进行更详细的设置
自定义核心
自定义核心参数如下:
核心类型
开始大小
开始偏移
开始圆角
结束大小
结束偏移
结束圆角
偏移大小
光晕强度
光晕大小
核心羽化
核心类型
核心类型默认为一条光线。
设置为椭圆
我们可以自定义...
yekong
1年前 (2024-01-09)
喜欢
安装好saber插件后,我们可以在效果和预设中找到我们的插件。
Saber主体部分
Saber主体部分核心部分就是这个最亮的地方,默认为3,我们可以根据自己的需要自由调整宽度。
Saber辉光部分
我们可以通过启用Saber辉光来设置辉光,辉光的颜色我们可以自定义,来设置辉光...
yekong
1年前 (2024-01-09)
喜欢