文章详情页
如何实现图中的刻度渐变效果?
问题描述
问题解答
回答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. angular.js - angular参数问题2. angular.js - ionic该如何强制刷新页面3. angular.js - 怎么用angularjs做出下面的效果?4. angular.js - angularjs自定义指令作作用域触发问题5. angular.js - 公司网站在谷歌浏览器中识别不到输入的中文,输入的其它字符却可以识别出来6. angular.js - 用angular如何实现类似affix的效果7. angular.js - 后端基于JWT验证,Angular post 请求如何携带token?8. angular.js - 不适用其他构建工具,怎么搭建angular1项目9. android - xml的drawable作背景,是否会产生错误10. angular.js - angular 配置代理proxy.conf.json后报错,页面返回500internal server error?
排行榜