完竣世界 -关注前端分享心得

    • 首页
    • 项目案例
      • uniapp案例
      • vue项目案例
      • 微信小程序案例
      • 数据大屏
      • webgl3D案例
    • UI设计
      • app设计
      • 后台设计
      • 数据大屏UI设计案例
      • 小程序ui设计
数据可视化大屏教程

js hex颜色转rgba

js yekong 1年前 (2021-10-25) 731℃

代码

const hexToRgba = (hex, opacity) => {
        let rgbaColor = ''
        const reg = /^#[\da-f]{6}$/i
        if (reg.test(hex)) {
          rgbaColor = `rgba(${parseInt('0x' + hex.slice(1, 3))},${parseInt('0x' + hex.slice(3, 5))},${parseInt('0x' + hex.slice(5, 7))},${opacity})`
        }
        return rgbaColor
      }

使用

hexToRgba(color, 0.5)
喜欢 (0)
echarts
Echarts 柱状图效果图 Echarts折线图样式效果
  • echarts 查看版本号
    echarts 查看版本号
  • Echarts tooltip formatter自定义携带圆点
    Echarts tooltip formatter自定义携带圆点
  • Echarts 数据分组展示每5秒切换一次数据
    Echarts 数据分组展示每5秒切换一次数据
  • Echarts 关系网图
    Echarts 关系网图
  • echarts 查看版本号
  • Echarts tooltip formatter自定义携带圆点
  • Echarts 数据分组展示每5秒切换一次数据
  • Echarts 关系网图
  • Echarts 地图设置默认颜色
  • echarts网格线虚线
  • vue项目实现列表实现滚动动画
  • Cannot read property 'parseComponent' of undefined

联系方式

联系电话同微信:17331886870
微信

支付宝红包

分类

  • AE动画
  • app
  • app设计
  • CesiumJs
  • css
  • echarts
  • echarts地图
  • echarts折线图
  • Echarts柱状图
  • echarts气泡图
  • echarts雷达图
  • echarts饼状图
  • eggjs
  • electron
  • flutter
  • highcharts
  • html
  • java
  • js
  • Nginx
  • nodejs
  • ps
  • python
  • react
  • threejs
  • typescript
  • UI设计
  • uniapp
  • uniapp案例
  • uniapp模板
  • uniapp组件
  • uview
  • vue
  • vue组件
  • vue项目案例
  • web
  • webgl3D
  • wordpress
  • 代码段
  • 学习笔记
  • 小程序ui设计
  • 工具
  • 微信小程序
  • 微信小程序案例
  • 收集
  • 数据可视化大屏设计案例
  • 数据大屏
  • 数据大屏UI设计案例
  • 日常随想
  • 福利
  • 网站UI设计
  • 读书笔记
  • 资源
  • 软件UI设计
  • 项目案例

案例推荐

  • vue 数据大屏 数据驾驶舱
  • vue外包数据可视化大屏 智慧水务
  • vue项目案例 大屏案例 物流园
  • vue 普通html 数据可视化大屏 智能制造大数据平台
  • vue 数据大屏 卫星核心产品
  • vue 超大屏案例 机电工程 8160*2160
  • 大屏项目 江西省农产品质量安全大数据智慧监管平台 vue html
  • vue 数据大屏 信息化系统可视化
  • 大屏 大数据运营平台
  • vue 数据可视化平台 就业大数据可视化平台

近期文章

  • vue 占比动画进度条实例效果
  • echarts衡水市饶阳县地图添加柱状图实例代码
  • echarts衡水市安平县地图定义颜色代码演示
  • echarts衡水市故城县地图局部颜色渐变代码演示
  • vue3 vite使用echarts绘制饼状图
  • echarts衡水市景县地图3d地图自定义图标效果
  • echarts衡水市阜城县地图label样式自定义代码演示
  • echarts衡水市深州市地图添加柱状图演示实例
  • 使用Cutterman辅助导出设计图图片
  • echarts洛阳市老城区地图区域闪烁代码演示
完竣世界 基于WordPress构建 © 2011-2020 托管于阿里云 & 七牛 冀ICP备11019094号
记录uniapp开发、vue开发、前端项目开发中遇到的问题笔记