文章详情页
如何实现图中的刻度渐变效果?
浏览:81日期:2024-06-10 11:54:01
问题描述
问题解答
回答1:事先定义好 50 - 100个渐变颜色(不断加深的)
根据当前的刻度位置,进行颜色填充,例如:当前刻度偏移量为:80px,那么,你需要设置一个刻度的宽度(w),刻度与刻度之间的距离(m),设需填充的 刻度数量为 n(未知,需求解),则间距有 n - 1 个,那么可得方程式:w * n + m * (n + 1) = 80 ,求出 n 为多少
进行填充
// 事先预定义的颜色集合var colorList = [red , blue , green .....];// 刻度集合var list = document.getElementByClassName('scale');for (var i = 0; i
相关文章:
1. javascript - 在 vue里面用import引入js文件,结果为undefined2. java - new + 类名,一定需要申明一个对象吗?3. css3 - 如图的flex骰子布局是怎么实现的?4. python - flask里写完css为什么没法实时更新?5. javascript - 如何获取未来元素的父元素在页面中所有相同元素中是第几个?6. 基于Spring MVC Java的配置无法正常工作控制台显示无错误,但我的jsp页面未显示7. HTML表单操作标签调用父相对URL8. css - psd设计稿给的是1920宽的,而我的电脑是1600宽的,那我在写代码时,是不是每个宽度都要计算调整9. javascript - 解释下这种函数定义10. node.js - 用nodejs 的node-xlsx模块去读取excel中的数据,可是读取出来的日期是数字,请问该如何读取日期呢?
排行榜
