国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

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

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

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

相關文章:
主站蜘蛛池模板: 德惠市| 微博| 万宁市| 隆回县| 高清| 陇南市| 布尔津县| 自贡市| 罗定市| 昭平县| 珲春市| 岳池县| 治多县| 海林市| 龙川县| 资源县| 郑州市| 枝江市| 恩平市| 滦平县| 巢湖市| 航空| 信阳市| 尼勒克县| 阜南县| 宜兰市| 涪陵区| 平泉县| 兰西县| 黔东| 江达县| 敖汉旗| 栾川县| 雷山县| 如东县| 苍南县| 彰武县| 新泰市| 富阳市| 鞍山市| 北京市|