文章详情页
如何实现图中的刻度渐变效果?
浏览:92日期: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. dockerfile - 为什么docker容器启动不了?2. javascript - 学习网页开发,关于head区域一段脚本的疑惑3. javascript - JS设置Video视频对象的currentTime时出现了问题,IE,Edge,火狐,都可以设置,反而chrom却...4. macos - mac下docker如何设置代理5. javascript - 如何获取未来元素的父元素在页面中所有相同元素中是第几个?6. Whitelabel错误页面发生意外错误(类型=未找到,状态= 404)/WEB-INF/views/home.jsp7. 热切期待朱老师的回复,网页视频在线播放器插件配置错误8. mysql - AttributeError: ’module’ object has no attribute ’MatchType’9. javascript - 从mysql获取json数据,前端怎么处理转换解析json类型10. angular.js - ng-grid 和tabset一起用时,grid width默认特别小
排行榜
