完竣世界 - 专注数据大屏可视化

    • 首页
    • 数据大屏
    • AE动画
    • echarts
      • echarts 3D地图
      • echarts地图
      • echarts折线图
      • Echarts柱状图
      • echarts雷达图
      • echarts饼状图
    • 字体
    • 动态图标
200个酷炫的数据可视化大屏总有一款适合你(含演示实例),30款 vue3 数据可视化大屏登录页下载

js hex颜色转rgba

js 5年前 (2021-10-25)

代码

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)
喜欢
echarts
Echarts 柱状图效果图 Echarts折线图样式效果
  • 普通html实现横向拖动
    普通html实现横向拖动
  • Photo Sphere Viewer如何让初始视角默认为最小
    Photo Sphere Viewer如何让初始视角默认为最小
  • jQuery liMarquee无缝滚动插件二次数据渲染
    jQuery liMarquee无缝滚动插件二次数据渲染
  • gsap实现让三个点依次变大的效果动画
    gsap实现让三个点依次变大的效果动画
  • js 判断是不是数组
  • echarts仪表盘指针颜色根据数值区间变化
  • js处理链接中的参数
  • js获取某日是星期几
  • js怎样将正则表达式连在一起
  • 正则表达式删除某个字符串
  • html百分比怎么校验正则表达式
  • js获取滚动条位置

微信

联系微信:17628296870
微信

文章推荐

  • css3 rotate调整旋转中心点
  • echarts邯郸市曲周县地图点击弹出自定义弹窗效果实例
  • echarts平顶山市新华区geoJson地图自定义引导线效果
  • echarts沧州市南皮县地图点击弹出自定义弹窗效果实例
  • echarts广州市白云区geoJson地图点击地图插小旗代码演示
  • vue echarts实现3d地图效果实例
  • echarts肇庆市鼎湖区geoJson地图区域闪烁效果实例
  • echarts y轴最多显示3条数据
  • vue分秒倒计时
  • 前端字体资源下载 OPPOSans

近期文章

  • ae使用saber实现黑洞传送效果
  • aePlexus粒子科技小球
  • ae实现雷达扫描的效果
  • 国内可以使用的GPT Image-2 的平台
  • ae使用BOA实现扭曲效果
  • ae使用Optical Flares实现光线效果
  • ae实现魔法阵特效制作
  • ae使用stardust实现粒子球效果
  • ae使用Trapcode Form实现粒子背景
  • ae使用particular实现向上飘动的循环粒子动效
Copyright © 2019-现在 完竣世界 版权所有 冀ICP备11019094号 冀公网安备13112502001077号
记录数据可视化大屏开发、vue开发、前端项目开发中遇到的问题笔记