久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

如何實現圖中的刻度漸變效果?

瀏覽:105日期: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

相關文章:
主站蜘蛛池模板: 鱼台县| 神池县| 景德镇市| 平阳县| 常山县| 上饶县| 栾城县| 东宁县| 金湖县| 阿拉善左旗| 肇源县| 正镶白旗| 乐都县| 称多县| 大余县| 炉霍县| 昌黎县| 恩平市| 井冈山市| 桐庐县| 扬州市| 新郑市| 朔州市| 泸溪县| 西畴县| 阿鲁科尔沁旗| 通江县| 太保市| 西宁市| 和政县| 萨迦县| 镇沅| 伊宁县| 墨江| 千阳县| 个旧市| 滁州市| 庆安县| 泽普县| 高要市| 临猗县|