亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue寫,1-10條數據,顏色從深紅到淺紅漸變,最大值是深紅,最小值是淺紅,中間值按照比例來分配顏色?

vue寫,1-10條數據,顏色從深紅到淺紅漸變,最大值是深紅,最小值是淺紅,中間值按照比例來分配顏色?

慕的地6264312 2019-04-27 22:20:00
vue寫,1-10條數據,顏色從深紅到淺紅漸變,最大值是深紅,最小值是淺紅,中間值按照比例來分配顏色?請問大神們,這怎么做?
查看完整描述

2 回答

?
qq_遁去的一_1

TA貢獻1725條經驗 獲得超8個贊

demo
{{color.value}}
類似這樣?
                            
查看完整回答
反對 回復 2019-04-27
?
鴻蒙傳說

TA貢獻1865條經驗 獲得超7個贊

顏色代碼使用rgb數組,設置最大值和最小值,例如:
最?。簉gb(192,0,0),r=192,g=0,b=0
最大:rgb(255,125,125),r=255,g=125,b=125
10條數據,顏色從最小值到最大值需要9步,即step=9,
constmin={r:192,g:0,b:0};
constmax={r:255,g:125,b:125};
constdist={r:max.r-min.r,g:max.g-min.g,b:max.b-min.b};
constcolors=[];
for(leti=1;i<=10;i++){
colors.push({r:min.r+i*dist.r,g:min.g+i*dist.g,b:min.b+i*dist.b});
}
代碼僅供參考,就是顏色梯度漸變,百度、Google一下很多相關文章的。
                            
查看完整回答
反對 回復 2019-04-27
慕課專欄
更多

添加回答

了解更多

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號