根據兩點在Div中繪製顏色

可以說，我有兩個點0到300，背景顏色爲紅色。根據兩點在Div中繪製顏色

現在，我想繪製0到75綠色，75到150黃色。我有這些來自兩點，並可以從Typescript視圖模型類中給出值。

<div style="background-color: red"> 
    <div style="background-color: green"> 
    </div> 
    <div style="background-color: yellow"> 
    </div> 
</div>

我的場景非常複雜，有6-7種不同的顏色。我的方法是對的還是有更好的方法？我的應用程序是打字稿和角2

來源

2017-05-25 Chatra

什麼是這裏的兩個點。它是一些變量？ – CharanRoot

@Jonnysai是的那些是打字稿文件中的變量。 – Chatra

使用ngStyle或[style.background彩]

<div [ngStyle]="randomcss()"> 
     <div [ngStyle]="randomcss()"> 
    </div> 
</div>

組件

export class AppComponent { 
    randomcss(){ 
     // based on your points return color 
    return {'background-color':'red'} 
    } 
}

來源

2017-05-25 19:26:39 CharanRoot

你的兩個div都包含相同的方法。它是如何工作的？ – Chatra

檢查我的評論裏面的功能。根據你的輸入變量。如果（var1> 0 && var2 <76）return {'background-color'：'red'} else if（var1> 76 && var2 <150）return {'background-color'：'green'} – CharanRoot

我認爲我的天堂不要以正確的方式提出我的問題。我的兩點（0到300）值有所不同。所以基於這兩點，我們需要計算其他兩點的百分比。 – Chatra

根據兩點在Div中繪製顏色

回答

相關問題