渲染多色分段進度條

我正在開發一個分段進度條作出反應，將動態渲染最多15個藥丸形svgs像一個顯示圖片中。我遇到了麻煩的是，使用默認的「空」顏色呈現剩餘藥丸形狀時，使用合適顏色填充細分至最終百分比的算法。任何方向或幫助將不勝感激。在僞

2017-01-27 ThomasJ

紈絝子弟，計算器不是人們對你寫的代碼。你必須嘗試一些東西，然後人們可以幫助你處理錯誤或棘手的問題 - 當你寫東西時，你可能會感到驚訝，它可能會工作:) 但這裏是一個提示：colors = ['red'，'yellow '，'綠色']; thisPillColor =完成？顏色[Math.floor（counter/5）]：'灰色'; –

@FrazerKirkman，謝謝你的評論和你的建議。我誠實地不要求任何人爲我寫代碼。我正在嘗試的事情沒有成功。我只是尋求一些幫助解決我想解決的問題。 – ThomasJ

所以堆棧溢出的想法是，你發佈的代碼，你已經嘗試 –

可能的邏輯：

for i = 0 to 14 
    ratio = i/14 
    if CurrentValue >= ratio 
     drawPill(i-th position, AppropriateColor[i]) 
    else 
     drawPill(i-th position, DefaultGrayColor)

來源

2017-01-27 10:34:37 MBo

渲染多色分段進度條

回答

相關問題